$(function () { $.fn.tooltip.defaults.position = 'top'; $('#box').tooltip({ content : '这里是内容提示框', //提示的内容 //position : 'top', //提示语显示的位置 //trackMouse : true, //提示层是否跟随效果 //deltaX : 100, //提示层显示的X位置 //deltaY : 100, //提示层显示的Y位置 //showEvent : 'click', //单击才显示 //hideEvent : 'dblclick', //双击隐藏 //showDelay : 1500, //显示的延迟时间 //hideDelay : 1500, //隐藏的延迟时间 onShow : function (e) { //显示触发 //alert('显示的时候触发!'); //console.log($('#box').tooltip('tip')); //获取到整个提示层div //console.log($('#box').tooltip('arrow')); //获取到箭头 $('.tooltip-bottom').css('left', 500); }, onHide : function (e) { //隐藏触发 //alert('隐藏的时候触发!'); $('#box').tooltip('reposition'); //重置位置,即使显示的位置设置变化了,隐藏的时候位置回到了默认值 }, //onUpdate : function (content) { //提示内容变化触发 需要update配合 // alert('内容改变了为:' + content); //}, //onPosition : function (left, top) { //提示层 位置变动触发 需要trackMouse配合 // console.log('left:' + left + ',top:' + top); //}, //onDestroy : function (e) { //删除提示层触发 需要destroy配合 // alert('工具栏被销毁了!'); //}, }); $('#box').click(function () { //$(this).tooltip('update', '改变了!'); //改变提示层内容 //$(this).tooltip('destroy'); //取消提示层效果 }); //console.log($('#box').tooltip('options')); //$('#box').tooltip('show'); //默认显示 //$('#box').tooltip('hide'); //默认隐藏 });