这篇是自己半年前写的了,去Jquery的相关Bug报告区看了一下发现还没有补丁,评论中有人发了修补办法,没去研究,就说下我自己的修补办法吧。
@Bug 8740
http://bugs.jqueryui.com/ticket/8740
@Bug 8746
http://bugs.jqueryui.com/ticket/8746
两个问题比较奇怪,当绕开8746时会产生8740 当绕开8740时会产生8746
一般出现在Ajax加载ToolTips时 当相邻元素很近时,鼠标快速滑过会产生BUG ,也就是所有的Tooltip都被打开没有正确关闭由此而造成严重的页面不协调,用户体验极差。于是耗了三天在这里分析问题原因和解决方案。
解决方案
.....Ajax.....
success: function(data)
{
$("#"+ elementid).tooltip({ content: data });
$("#"+ elementid).tooltip({ show: {delay: 400 } });
if ( $( "#"+ elementid).is(':hover') )
{
$("#"+ elementid).attr("title",data);
$("#"+ elementid).tooltip();
$("#"+ elementid).tooltip("open");
}
if ( !$( "#"+ elementid).is(':hover') )
{
$( "#"+ elementid).attr("title",data);
$("#"+ elementid).tooltip();
}
IE下的支持性不是很好,但是不会全打开,至少避免了页面不协调的问题,还得再调调
掉这个坑里3天,买个表