使用JQuery禁用JQuery Mobile按钮

Question

这是我的JQuery移动按钮.这可能很简单.我能够禁用一个HTML按钮,但我似乎无法用这个标记得到它.

<a href="" data-role="button"  class="answer_but" id="a" data-theme="b" data-answer="1">

这可能很简单.谢谢

Answer 1

在jQuery Mobile中禁用按钮

实例:http://jsfiddle.net/XRjh2/16/

更新:

链接按钮示例:

• 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>

注意: - http://jquerymobile.com/demos/1.0rc2/docs/buttons/buttons-types.html

像按钮一样的链接具有与下面真正的基于表单的按钮相同的可视选项,但是有一些重要的区别.基于链接的按钮不是按钮插件的一部分,只是使用底层的buttonMarkup插件生成按钮样式,因此不支持表单按钮方法(启用,禁用,刷新).如果您需要禁用基于链接的按钮(或任何元素),则可以使用JavaScript自行应用已禁用的ui-disabled类来实现相同的效果.

Answer 2

嗯 - 试试这个（假设 'a' 是你的 jqm 按钮的 id）：

// To disable
$("#a").attr("disabled","disabled");

// and enable
$("#a").attr("disabled","");