2012-06-15 53 views
0

我正在使用jQuery qTip提供一組按鈕上的工具提示,但按鈕默認情況下最初是隱藏的,直到頁面上的另一個操作觸發它們顯示爲止。但是,如果您將鼠標懸停在頁面上隱藏按鈕的位置,我的qTip工具提示仍然出現。jQuery qTip:禁用隱藏元素

由於我衰落的按鈕,我需要從0動畫的opacity1,所以我不能隱藏按鍵完全符合display: none(我認爲這是爲什麼他們仍然反應到mouseover事件)。當opacity0時,有什麼方法可以禁用工具提示嗎?

+0

隱藏按鈕並使它們突然出現並不是一個好的編程習慣。考慮禁用它們。 – Chibuzo

+0

這些按鈕已禁用;目的是通過隱藏無法使用的按鈕來在視覺上簡化頁面。 – daGUY

回答

2

我發現qTip提示將不會觸發元素與visibility: hidden,所以我通過設置兩個opacity和上的按鈕visibility容器固定的:

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

動畫的前然後撥動visibilityopacity

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

很高興你能找到解決方案。這也是我的方法,但是使用'display:none;' –

+0

'display:none'也可以,但是我必須使用'visibility:hidden',因爲'#button-container'是浮動的,如果我把其他東西拋出完全隱藏它。這只是我的特殊情況。 – daGUY

1

您可以禁用qTips:

​​//或指定選擇

還有一個使:

在回調的褪色$('*').qtip('enable')

基本上,使qtips。