使用 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

样式类似于按钮的链接具有与 true 相同的视觉选项
下面基于表单的按钮，但有一些重要的区别。
基于链接的按钮不是按钮插件的一部分，仅使用
底层的buttonMarkup插件来生成按钮样式
不支持表单按钮方法（启用、禁用、刷新）。
如果您需要禁用基于链接的按钮（或任何元素），那么
可以自己应用禁用类 ui-disabled
JavaScript 也能达到同样的效果。

Answer 2

您只需将几乎所有元素或按钮的类设置为“ui-disabled”即可禁用它。

<a data-role="filter-button" data-timeframe="month" class="ui-disabled">Date</a>

Answer 3

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

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

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

Answer 4

所以我查看了这个，但也无法让它工作。然后一位同事建议将 live 添加到 vclick，现在它可以工作了。

    //Disable Continue Button
        $('#icon-continue').live( 'vclick',function(event){

    var clicked = false;

             if(clicked === false) {
              $(this).addClass('ui-disabled');
              clicked = true;
              alert('Button is now disabled');   
             }
});