jQuery UI工具提示-事件后手动关闭。停止即时复制,没有效果?
我试图覆盖jQuery UI的工具提示自动关闭功能。我的目的是能够悬停在工具提示上而不关闭它,但是这个功能还没有被引入。因此,我正试图将其破解 我的理解是,我应该能够调用event.stopImmediatePropagation以防止工具提示在mouseleave事件后关闭。但是,这将使工具提示永远打开。因此,我需要手动关闭工具提示 如果我在工具提示上调用“销毁”,我可以强制它立即关闭。这看起来像是一个丑陋的解决办法,因为我没有从工具提示中得到好的淡出效果jQuery UI工具提示-事件后手动关闭。停止即时复制,没有效果?,jquery,jquery-ui,javascript-events,event-handling,Jquery,Jquery Ui,Javascript Events,Event Handling,我试图覆盖jQuery UI的工具提示自动关闭功能。我的目的是能够悬停在工具提示上而不关闭它,但是这个功能还没有被引入。因此,我正试图将其破解 我的理解是,我应该能够调用event.stopImmediatePropagation以防止工具提示在mouseleave事件后关闭。但是,这将使工具提示永远打开。因此,我需要手动关闭工具提示 如果我在工具提示上调用“销毁”,我可以强制它立即关闭。这看起来像是一个丑陋的解决办法,因为我没有从工具提示中得到好的淡出效果 不确定如何调试为什么close似乎不
不确定如何调试为什么close似乎不起作用。工具提示是否跟踪其内部状态 close仅适用于未委派的工具提示,而您的工具提示显然委派给元素。我建议对小部件进行子类化,或者尝试使用非委托工具提示来解决问题。我如何以非委托方式将工具提示应用于jQuery自动完成元素?您必须将工具提示小部件应用于完成菜单中的每个项,并在替换或销毁菜单项时销毁它们。我怀疑这不是小事。在这里,派生您自己的工具提示小部件可能是更好的解决方案。
var $textInput = $('#textInput');
var items = '.ui-autocomplete li.ui-menu-item a';
$textInput.autocomplete({
source: ['a', 'b', 'c'],
minLength: 0,
open: function(){
$('body').tooltip({
items: items,
content: 'Hello!'
});
$(items).mouseout(function(event){
event.stopImmediatePropagation();
$('body').tooltip('close');
});
}
}).focus(function(){
$(this).autocomplete('search', '');
});