通过 $.fn.tooltip.defaults 重写默认的 defaults。
当用户移动鼠标指针在某个元素上时,出现提示信息窗口用来显示额外信息。提示内容可以包含任何来自页面的或者通过 ajax 生成的 html 元素。
这个组件不依赖于其他组件。
属性
属性名 | 属性值类型 | 描述 | 默认值 |
---|---|---|---|
position | string | 消息框位置。可用值有:"left","right","top","bottom" | bottom |
content | string | 消息框内容。 | null |
trackMouse | boolean | 为true时,允许提示框跟着鼠标移动。 | false |
deltaX | number | 水平方向提示框的位置。 | 0 |
deltaY | number | 垂直方向提示框的位置。 | 0 |
showEvent | string | 当激发什么事件的时候显示提示框。 | mouseenter |
hideEvent | string | 当激发什么事件的时候隐藏提示框。 | mouseleave |
showDelay | number | 延时多少秒显示提示框。 | 200 |
hideDelay | number | 延时多少秒隐藏提示框。 | 100 |
事件
事件名称 | 事件参数 | 描述 |
---|---|---|
onShow | e | 在显示提示框的时候触发。 |
onHide | e | 在隐藏提示框的时候触发。 |
onUpdate | content | 在提示框内容更新的时候触发。 |
onPosition | left,top | 在提示框位置改变的时候触发。 |
onDestroy | none | 在提示框被销毁的时候触发。 |
方法
方法名 | 方法参数 | 描述 |
---|---|---|
options | none | 返回控件属性对象。 |
tip | none | 返回tip元素对象。 |
arrow | none | 返回箭头元素对象。 |
show | e | 显示提示框。 |
hide | e | 隐藏提示框。 |
update | content | 更新提示框内容。 |
reposition | none | 重置提示框位置。 |
destroy | none | 销毁提示框。 |
用法
创建提示框(Tooltip)
1、从标记创建提示框(Tooltip),添加 'easyui-tooltip' class 到元素,不需要任何的 javascript 代码。