我已经google了大约2天,不知道如何为
http://api.jqueryui.com/tooltip/设置超时?
也许我应该使用jquery hoverIntent?
这是我的代码
$('*[class*="help_"]').tooltip({ open: function(e,o){ $(o.tooltip).mouseover(function(e){ $('*[class*="help_"]').tooltip('open'); }); $(o.tooltip).mouseout(function(e){ }); },close: function(e,o) {} });
解决方法
我也寻找一个类似的解决方案,正常显示工具提示,但是当鼠标悬停在工具提示上时,它应该保持(工具提示的内容是一些按钮).
我不想要一个完整的框架(qtip)来做到这一点,我已经在我的网站上使用了jqUI.
所以我这样做:
$( document ).tooltip({ show: null,// show immediately items: '.btn-box-share',hide: { effect: "",// fadeOut },open: function( event,ui ) { ui.tooltip.animate({ top: ui.tooltip.position().top + 10 },"fast" ); },close: function( event,ui ) { ui.tooltip.hover( function () { $(this).stop(true).fadeTo(400,1); //.fadeIn("slow"); // doesn't work because of stop() },function () { $(this).fadeOut("400",function(){ $(this).remove(); }) } ); } });
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。