Jquery 动态加载Tooltip Bug

这篇是自己半年前写的了,去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天,买个表

你可能感兴趣的:(Jquery 动态加载Tooltip Bug)