Tooltip（提示框）

使用$.fn.tooltip.defaults重写默认值对象。（译者注：1.3.3版中新增的plugin）

当用户将鼠标移动到元素上的时候，将会显示一个消息提示框。提示框的内容可以是页面中任何一个HTML元素或者通过Ajax发送后台请求以获取提示框内容。

使用案例

创建提示框

1. 通过标签创建提示框，给元素添加一个"easyui-tooltip"的类名，无需任何Javascript代码。

<a href="#" title="This is the tooltip message." class="easyui-tooltip">Hover me</a>

2. 通过Javascript创建提示框。

<a id="dd" href="javascript:void(0)">Click here</a>

$('#dd').tooltip({
    position: 'right',
    content: '<span style="color:#fff">This is the tooltip message.</span>',
    onShow: function(){
        $(this).tooltip('tip').css({
            backgroundColor: '#666',
            borderColor: '#666'
        });
    }
});

属性

属性名	属性值类型	描述	默认值
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	销毁提示框。