一、创建组件
0.Tooltip不依赖其他组件
1.使用class加载
2.使用js加载
二、属性
立即学习
“
前端免费学习笔记(深入)
”;
1.position:消息框位置(left,right,top,默认bottom)
2.content:消息框内容,可以是html
3.trackMouse:为true时,允许提示框跟鼠标移动
4.deltaX,deltaY:提示框具体左上角的位置
5.showDelay,hideDelay延时多少毫秒显示/隐藏提示框,默认是200
6.showEvent,hideEvent:激活显示/隐藏事件时候的提示框,默认为mouseenter,mouseleave
三、事件
1.onShow,onHide:在显示/隐藏提示框的时候触发
2.onUpdate:在提示框内容更新时触发,默认content为null
3.onPosition:在提示框位置被改变的时候触发
4.onDestroy:在提示框被撤销的时候触发
四、方法
1.options:返回属性对象
2.show,hide:显示/隐藏提示框
3.update:更新content的内容
4.tip:返回tip元素对象;arraw返回箭头元素对象(实际就是提示框生成的两个div)
5.reposition:重置提示框位置
五、组件默认值
Hover meHover meHover meHover meHover meHover meHover meHover meHover meHover meHover meHover meHover meHover meHover meHover me$.fn.tooltip.defaults.position = "right";