1

在 jQuery Mobile 中，按照这个答案，我有一个按钮，它被类 "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 。

4

1 回答 1

4

如果您正在谈论输入字段，那么将其变灰是不够的，因为您仍然可以更改其内容。

如果您想正确禁用 jQuery Mobile 输入字段，您需要通过 javascript 进行操作，如下所示：http: //jsfiddle.net/Gajotres/9UQ9k/

Javascript： 

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

正如我所说，您将无法通过 css 手动执行此操作。但是，如果您仍想部分手动执行，则需要更改字段不透明度。使用这个 CSS：

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

也看看这里，我写了一篇描述如何启用/禁用 jQuery Mobile 按钮的文章。

于 2013-05-06T09:02:21.127 回答