第五章 jqueryEasyUi 提示框组件Tooltip

学习要点

• 加载方式
• 属性列表
• 事件列表
• 方法列表

属性列表

• position 消息框位置

默认是bottom 还有left ,right ,top 等等

• content 消息框内容

默认为null，可以包含html标签

• trackMouse 鼠标跟随

为true的时候，允许提示框跟随鼠标移动.默认为false

• deltaX

水平提示框的位置 默认为0

• deltaY

垂直方向提示框的位置,默认为0

• showEvent

当**事件的时候显示提示框，默认是mouseenter

• hideEvent

当**事件的时候显示提示框，默认是mouseleave

事件列表

• onShow

参数e 在显示提示框的时候触发

• onHide

参数e 在隐藏提示框的时候触发

• onUpdate

参数content 在提示框内容更新的时候触发

必须要配合方法里面的update属性

• onPosition

参数left ,top 在提示框位置改变的时候触发

• onDestroy

参数none 在提示框被销毁的时候触发

        $("#box").tooltip({
            "content":"这就是个工具提示",  //工具提示的内容
            //trackMouse: true,  //鼠标移动
             /*位置开始*/
             position:top,
             deltaX:200,  //横轴开始
             deltaY:300,  //纵轴开始
             /*位置结束*/
             /*开启事件*/
             showEvent:"click",  //默认就是mouseenter
             hideEvent:"dblclick",  //默认就是mouseleave
             /*开启事件结束*/
             showDelay:500,  //延迟显示开始
             hideDelay:500,  //隐藏显示开始延迟
             /*事件列表开始*/
             onShow:function(){console.log("提示框出来了")},//显示的时候出现
             onHide:function(){console.log("提示框隐藏了")},//隐藏的时候出现
             onUpdate:function(content){console.log("变化了")},//更新的时候操作
             /*此方法需要和下面的方法名一起使用*/
             onPosition:function(){console.log("位置变化的时候触发")},
             onDestroy:function(){console.log("提示框销毁的时候触发")}
            /*事件列表结束*/
        })

        $("#box").tooltip("update","更新内容");