我正在使用 jQuery qTip 在一组按钮上提供工具提示,但这些按钮最初默认是隐藏的,直到页面上的另一个操作触发它们显示。但是,如果您将鼠标悬停在页面上隐藏按钮所在的位置,我的 qTip 工具提示仍然会出现。
由于我正在淡入按钮,因此我需要为它们设置动画opacity
from 0
to 1
,所以我不能完全隐藏按钮display: none
(我相信这就是为什么它们仍在对mouseover
事件做出反应)。有什么方法可以在opacity
is时禁用工具提示0
?
我发现 qTip 提示不会在带有 的元素上触发visibility: hidden
,所以我通过在按钮容器上设置opacity
和 来解决这个问题:visibility
#button-container {
opacity: 0;
visibility: hidden;
}
visibility
然后在动画之前切换opacity
:
$('#button-container').css({visibility: 'visible'}).animate({opacity: 1}, 300);
您可以禁用 qTips:
$('*').qtip('disable')
// 或者指定选择器
还有一个启用:
$('*').qtip('enable')
基本上在您的淡入回调中,启用 qtips。