jQuery EasyUI basierte Plug - Tooltip Ballons
jQuery Plugin EasyUI Mit $ außer Kraft setzen .fn.tooltip.defaults die Standardeinstellungen zurück.
Wenn der Benutzer den Mauszeiger über ein Element bewegt, aufgefordert, Fenster werden zusätzliche Informationen angezeigt werden. Tipps können alle Inhalte oder HTML-Elemente von Seiten von Ajax-generierten enthalten.
Verwendung
Erstellen Sie eine Promptbox (Tooltip)
1, von Tags Ballon (Tooltip) zu erstellen, fügen Sie 'easyui-Tooltip' Klasse auf das Element, erfordert keine JavaScript-Code.
<a href="#" title="dies ist der Tooltip message." class="easyui-tooltip"> Hover mich </a>
2, mit Hilfe von Javascript Ballon zu erstellen (Tooltip).
<a id="dd" href="javascript:void(0)"> Klicken Sie hier </a>
$ ( '# Dd'). Tooltip ({
Position: 'right',
Inhalt: '<span style = "color: #fff"> Dies ist der Tooltip Nachricht </ span>.',
onShow: function () {
$ (Diese) .tooltip ( 'Spitze'). Css ({
Backgroundcolor: '# 666',
border: '# 666'
});
}
});
Immobilien
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| position | string | 提示框（tooltip）位置。可能的值：'left'、'right'、'top'、'bottom'。 | bottom |
| content | string | 提示框（tooltip）内容。 | null |
| trackMouse | boolean | 如果设置为 true，提示框（tooltip）会随着鼠标移动。 | false |
| deltaX | number | 提示框（tooltip）位置的水平距离。 | 0 |
| deltaY | number | 提示框（tooltip）位置的垂直距离。 | 0 |
| showEvent | string | 引发提示框（tooltip）出现的事件。 | mouseenter |
| hideEvent | string | 引发提示框（tooltip）消失的事件。 | mouseleave |
| showDelay | number | 显示提示框（tooltip）的时间延迟。 | 200 |
| hideDelay | number | 隐藏提示框（tooltip）的时间延迟。 | 100 |
Ereignis
| 名称 | 参数 | 描述 |
|---|---|---|
| onShow | e | 当显示提示框（tooltip）时触发。 |
| onHide | e | 当隐藏提示框（tooltip）时触发。 |
| onUpdate | content | 当提示框（tooltip）内容更新时触发。 |
| onPosition | left,top | 当提示框（tooltip）位置改变时触发。 |
| onDestroy | none | 当提示框（tooltip）销毁时触发。 |
Weg
| 名称 | 参数 | 描述 |
|---|---|---|
| options | none | 返回选项（options）属性（property）。 |
| tip | none | 返回提示（tip）对象。 |
| arrow | none | 返回箭头（arrow）对象。 |
| show | e | 显示提示框（tooltip）。 |
| hide | e | 隐藏提示框（tooltip）。 |
| update | content | 更新提示框（tooltip）内容。 |
| reposition | none | 重置提示框（tooltip）位置。 |
| destroy | none | 销毁提示框（tooltip）。 |
jQuery Plugin EasyUI