在jQuery Mobile中使用ui禁用的字段灰顯

Question

在jQuery Mobile中，在此answer之後，我有一個按鈕「ui-disabled」禁用。

<input type="submit" class="ui-disabled" value="Register" onClick="rcRegister();" > 

問題出現了，如何通過灰色顯示我們的字段在JQuery Mobile中顯示禁用狀態？

我試着添加這個CSS，但它沒有效果。

input.ui-disabled { 
    color: gray; 
} 

我正在使用jQuery Mobile 1.2.0和jQuery 1.7.2。

Answer 1

如果您正在討論輸入字段，那麼將其淡化是不夠的，因爲您仍然可以更改其內容。

如果要正確禁用jQuery Mobile的輸入框，您將需要通過JavaScript來做到這一點，就像這樣：http://jsfiddle.net/Gajotres/9UQ9k/

的Javascript：

$("#disable-me").textinput("disable"); 

正如我說你就不能通過CSS手動完成。但是如果你仍然想部分手動完成，那麼你需要改變字段的不透明度。使用這個CSS：

.ui-disabled { 
    opacity: 0.3 !important; 
} 

而且看看here，我已經寫了說明如何啓用文/禁用jQuery Mobile的按鈕。