jQuery qTip:禁用隐藏元素

Question

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

由于我正在淡入按钮，我需要将它们的opacity从0动画化到1，所以我不能用display: none完全隐藏按钮（我相信这就是为什么它们仍然对mouseover事件做出反应）。有什么方法可以在0 opacity时禁用工具提示？

Answer 1

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

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

然后在对opacity进行动画处理之前切换visibility：

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

Answer 2

您可以禁用 qTips：

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

还有一个启用：

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

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