jQuery EasyUI de bouchon à base - ballons Tooltip
jQuery EasyUI plug - in Par $ .fn.tooltip.defaults remplacent les valeurs par défaut par défaut.
Lorsque l'utilisateur déplace le pointeur de la souris sur un élément, invité fenêtre est utilisée pour afficher des informations supplémentaires. Conseils peuvent contenir tout contenu ou html éléments de pages générées par ajax.
usage
Créer une boîte rapide (Tooltip)
1, à partir d'étiquettes pour créer ballon (Tooltip), ajouter la classe 'easyui-tooltip' à l'élément, ne nécessite pas de code javascript.
title="This <a href="#" est l'infobulle message." class="easyui-tooltip"> Hover me </a>
2, en utilisant javascript pour créer ballon (Tooltip).
<a id="dd" href="javascript:void(0)"> Cliquez ici </a>
$ ( '# Dd'). Tooltip ({
Position: «droit»,
contenu: '<span style = "color: #fff"> Ceci est le message d'infobulle </ span>.',
onShow: function () {
$ (Ce) .tooltip ( «tip»). Css ({
backgroundColor: «# 666»,
borderColor: «# 666»
});
}
});
propriété
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| 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 |
événement
| 名称 | 参数 | 描述 |
|---|---|---|
| onShow | e | 当显示提示框（tooltip）时触发。 |
| onHide | e | 当隐藏提示框（tooltip）时触发。 |
| onUpdate | content | 当提示框（tooltip）内容更新时触发。 |
| onPosition | left,top | 当提示框（tooltip）位置改变时触发。 |
| onDestroy | none | 当提示框（tooltip）销毁时触发。 |
manière
| 名称 | 参数 | 描述 |
|---|---|---|
| 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 EasyUI plug - in