Question

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

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

这可能很简单。感谢

Answer 1

Disable Buttons in 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

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

    //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');   
             }
});

使用JQuery禁用JQuery Mobile按钮

4 个答案: