JQuery easyui （4）Tooltip （提示组件） 组件

 　　　ｐｓ：先来一波美图

 

 Tooltip的加载方式：

　　1,class加载

<a href="#" title="tooltip">hello word</a>

　　2,js 加载调用 

$('#box').tooltip({
    content : 'tooltip',
});

 

　　Tooltip的属性列表

$('#box').tooltip({
    position : 'top',    //消息框在当前元素的位置 left? right ? 默认是bootom 
    content : 'value ',   //    需要提示的内容 String 值
    trackMouse : true ,  //  为true时，可以跟随鼠标移动 默认false
    deltaX : 100,
    deltaY : 100,            //水平和垂直方向提示框的位置  默认是0
    showEvent : 'click',    //当激活事件的时候显示提示框，默认mouseleave
    hideEvent ： ‘dblclick’,  //当激活事件的时候显示提示框，默认为mouseleave
    showDelay : 500,    //延迟多少秒显示提示框 默认200
    hideDelay : 500,    //延迟多少秒隐藏提示框 默认100
});

 

　　Tooltip的事件列表

onShow : function(e){
    //在现实提示框的时候触发
},
onHide : function(e){
    //在隐藏提示框的时候触发
}.
OnUpdate : function(content){
    //在提示框内容更新的时候触发
},
onposition : function(left,top){
    //在提示框位置改变的时候触发
},
onDestroy : function(none){
    //在提示框被销毁的时候触发
}

 　　Tooltip的方法列表

$('#box').tooltip('options');   //返回属性对象
$('#box').tooltip('show');    //显示提示框
$('#box').tooltip('hide');      //隐藏提示框
$('#box').tooltip('update','new value ');   //更新提示框提示的内容
$('#box').tooltip('tip');        //返回ｔｉｐ元素对象
$('#box').tooltip(‘destroy’);   //销毁提示框
$('#box').tooltip(‘reposition’);  //重置提示框位置

 

 

easyui 1.3.5 Tooltip组件完结