jQuery qTip：禁用隐藏元素

Question

我正在使用jQuery qTip在一组按钮上提供工具提示，但默认情况下这些按钮最初是隐藏的，直到页面上的另一个操作触发它们显示。但是，如果您将鼠标悬停在页面上隐藏按钮的位置，我的qTip工具提示仍然会出现。

由于我正在淡化按钮，我需要将opacity从0设为1，因此我无法完全隐藏按钮display: none （我相信他们仍然对mouseover事件作出反应的原因）。有什么办法可以在opacity为0时停用工具提示吗？

Answer 1

我发现qTip提示不会触发visibility: hidden元素，因此我通过设置按钮容器上的opacity和visibility来解决此问题：

#button-container {
    opacity: 0;
    visibility: hidden;
}

然后在动画visibility：

之前切换opacity

$('#button-container').css({visibility: 'visible'}).animate({opacity: 1}, 300);

Answer 2

您可以停用qTips：

$('*').qtip('disable') //或指定选择器

还有一个启用：

$('*').qtip('enable')

基本上在淡入的回调中，启用qtips。