如何使用 jquery mobile 禁用编码中的按钮?
<div data-role="button" id="val">Value</div>
[注意:我想在编码中禁用该按钮,而不是在设计时]
实例:http://jsfiddle.net/LHG4L/5/ http://jsfiddle.net/LHG4L/5/
HTML:
<div data-role="page">
<div data-role="content">
<input type="button" id="theButton" name="theButton" value="The Button">
</div>
</div>
JS:
$('#theButton').attr('disabled',true);
UPDATE:
链接按钮示例:
- http://jsfiddle.net/gRLYQ/6/ http://jsfiddle.net/gRLYQ/6/
JS
var clicked = false;
$('#myButton').click(function() {
if(clicked === false) {
$(this).addClass('ui-disabled');
clicked = true;
alert('Button is now disabled');
}
});
$('#enableButton').click(function() {
$('#myButton').removeClass('ui-disabled');
clicked = false;
});
HTML
<div data-role="page" id="home">
<div data-role="content">
<a href="#" data-role="button" id="myButton">Click button</a>
<a href="#" data-role="button" id="enableButton">Enable button</a>
</div>
</div>
NOTE: - http://jquerymobile.com/demos/1.0rc2/docs/buttons/buttons-types.html http://jquerymobile.com/demos/1.0rc2/docs/buttons/buttons-types.html
按钮样式的链接具有与 true 相同的视觉选项
下面基于表单的按钮,但有一些重要的区别。
基于链接的按钮不是按钮插件的一部分,仅使用
底层的buttonMarkup插件来生成按钮样式
不支持表单按钮方法(启用、禁用、刷新)。
如果您需要禁用基于链接的按钮(或任何元素),那么
可以自己应用禁用类 ui-disabled
JavaScript 也能达到同样的效果。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)