在 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 。
最佳答案
如果您正在谈论输入字段,那么将其灰显还不够,因为您仍然可以更改其内容。
如果您想正确禁用 jQuery Mobile 输入字段,您需要通过 javascript 来完成此操作,如下所示:http://jsfiddle.net/Gajotres/9UQ9k/
Javascript:
$("#disable-me").textinput("disable");
正如我所说,您将无法通过 css 手动完成此操作。但如果您仍然想部分手动执行此操作,则需要更改字段不透明度。使用这个CSS:
.ui-disabled {
opacity: 0.3 !important;
}
也看看 here ,我写了一篇文章描述如何启用/禁用 jQuery Mobile 按钮。
关于jquery - 在 jQuery Mobile 中将 ui-disabled 字段变灰,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16391122/