jquery - jQuery qTip：禁用隐藏元素

Question

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

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

score 2 · Accepted Answer

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

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

visibility然后在动画之前切换opacity：

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

score 1 · Accepted Answer

您可以禁用 qTips：

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

还有一个启用：

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

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

2 回答 2