jquery - 在 jQuery Mobile 中将 ui-disabled 字段变灰

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 按钮。