Jquery 动态加载Tooltip Bug

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/liuyanpunk/blog/184654