Jquery mobile JQueryMobile-按钮

如何使用jquery mobile禁用编码中的按钮

<div data-role="button" id="val">Value</div>

值

[注意：我想在编码时禁用按钮，而不是在设计时禁用]

实时示例：

HTML:

更新：

链接按钮示例：

JS

HTML

注：-

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

---

您可以并且应该使用jquery和jquerymobile禁用它：

$('#theButton').attr('disabled', true);
if ($('#theButton').button) $('#theButton').button('disable')

---

您可以使用属性

class=“ui disabled”

禁用按钮，如下所示：

<a href="index.html" data-role="button" class="ui-disabled">Link button</a> 

您是否在询问如何停止提交操作？否。。只是，我想禁用这个按钮。如果禁用该按钮，则它将自动不执行任何事件（单击）hi。。谢谢但是为什么我们不能在data role=“button”方法中禁用属性呢？请分享您的观点。如果您找到解决方案，hmm将不得不进一步了解这一点。我再次提出Girija的问题/请求，如果同样适用，那将非常好-希望在未来的jqm发行版中出现。@Mathias用链接按钮示例更新了我的答案，并改用

.prop（'disabled'，true）

。

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

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

$('#theButton').attr('disabled', true);
if ($('#theButton').button) $('#theButton').button('disable')

<a href="index.html" data-role="button" class="ui-disabled">Link button</a>