2011-08-22 73 views
2

我們風格的使用我們的按鈕:刪除僞選擇使用jQuery

.button{blah} 
.button:active{blah} 

當我們提交表單,我們禁用

$('#letterButtons input').attr('disabled','disabled'); 

但WebKit的,此前他們已被禁用它們的按鈕仍然「看」活躍,因爲他們點擊時發生變化。

試過,但沒有喜悅......

$('#letterButtons input').removeClass('button:active'); 
$('#letterButtons input').removeClass('button\\:active'); 

在實際設置標籤後,我記得我們使用的Zepto,所以它可能是一個仄問題...

+0

確保您的WebKit瀏覽器是最新版本 - 我在Google上發現一些結果表明這是已解決的瀏覽器錯誤(http://forum.jquery.com/topic/is-this-a-錯誤合WebKit的或-jQuery的禁用輸入文本-編程)。 – Blazemonger

回答

3

你可以試試使用:

$('#letterButtons input').trigger('mouseleave'); 

但是,如果鼠標仍然懸停在元素上,這很容易失敗。你也可以使用CSS:

#letterButtons button[disabled]:active { 
    color: #999; 
    background-color: #ccc; 
} 
+0

第二個例子工作,非常優雅。謝謝大衛! – markthegrea

+0

不客氣,我很高興得到了幫助! :) –

0

你嘗試:

$('#letterButtons input').removeClass('button'); 

在我看來,這是「按鈕」是類名。