大佬教程收集整理的这篇文章主要介绍了当悬停在工具提示上时,jQuery .tooltip()不隐藏?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
当我在悬停时,我正在我的元素中间显示一个jQuery UI Tooltip.但是当悬停在工具@L_674_3@上时,工具@L_674_3@本身就会消失. (传播问题)
元件:
使用工具@L_674_3@:
因此,当我将工具@L_674_3@本身悬停时,由于传播问题,它会消失,我想.
HTML:
<><>
当前@L_450_7@:
$('.bar-lbl').tooltip(
{
tooltipClass: 'bar-tooltip',position:
{
my: 'center',at: 'center'
}
});
部分修复(但工具@L_674_3@永久可见):
$('.bar-lbl').on('mouSELEave',function(E)
{
e.stopImmediatePropagation();
}).tooltip(
{
tooltipClass: 'bar-tooltip',at: 'center'
}
});
不工作:
$('body').on('hover','.ui-tooltip',function(E)
{
e.stopImmediatePropagation();
});
更新:感谢Trevor,我找到了一个紧密的解决方案. (当悬停时,它仍然可以看到最后一个悬停的工具@L_674_3@):
似乎,当徘徊在工具@L_674_3@本身时,它隐藏起来.但是,悬停在.bar-lbl元素之外,工具@L_674_3@保持可见,除非我将另一个.bar-lbl元素悬停.
问题出在我的.bar-lbl上的on(‘mouSELEave’)事件中.我需要两条线,但它们互相干扰. (看评论)
$('.bar-lbl').on('mouseenter',function(E)
{
$('.bar-lbl').not($(this)).tooltip('close'); // Close all other tooltips
}).on('mouSELEave',function(E)
{
e.stopImmediatePropagation(); // keeps tooltip visible when hovering tooltip itself
$('.bar-lbl').tooltip('close'); // I need this,but it breaks the line above,causing the tooltip to flicker
}).tooltip(
{
tooltipClass: 'bar-tooltip',at: 'center'
}
});
$('body').on('mouSELEave',function(E)
{
$('.bar-lbl').tooltip('close');
});
$('.bar-lbl').tooltip(
{
tooltipClass: 'bar-tooltip',at: 'center'
}
});
$('.bar-lbl').on('mouSELEave',at: 'center'
}
});
对于最后一部分,将不工作部分更改为以下@L_790_19@mouSELEave上的工具@L_674_3@.
$('body').on('mouSELEave',function(E)
{
$('.bar-lbl').tooltip('close');
});
以上是大佬教程为你收集整理的当悬停在工具提示上时,jQuery .tooltip()不隐藏?全部内容,希望文章能够帮你解决当悬停在工具提示上时,jQuery .tooltip()不隐藏?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。