【问题标题】:how to disable / enable jquery mobile buttons?如何禁用/启用 jquery 移动按钮?
【发布时间】:2013-09-08 04:44:14
【问题描述】:

我正在尝试禁用我点击的按钮并启用其余按钮。这是一个例子

<div class="container">
    <input type="button" class="status" value="Input1">
    <input type="button" class="status" value="Input2" disabled="">
    <input type="button" class="status" value="Input3" disabled="">
</div>

var container = $('.container');

container.on("click", '.status', function () {
    $('.status').prop('disabled', false).button(); // set all buttons to enabled
    $(this).prop('disabled', true).button();  // set the one I clicked to disabled
});

jsfiddle

但它不起作用,如何使用 jQuery-mobile 完成启用\禁用?

【问题讨论】:

    标签: javascript jquery jquery-mobile disabled-input


    【解决方案1】:

    这是初始化后禁用的正确方法:

    $('.status').button('enable');
    $(this).button('disable');    
    

    始终检查API site

    LIVE DEMO

    【讨论】:

    • 仍然无法使其适用于我的示例。按钮没有得到增强。而且我不确定 jquery ui 是否像 jquery mobile 一样工作
    • 使用 $('.status').removeAttr('disabled') 来启用它们。大多数浏览器只检查 disabled 属性是否存在,它的值是什么并不重要。
    • @Patrioticcow,抱歉,代码和链接适用于 jquery UI,而不适用于移动设备。我根据您的需要修复了代码和链接。
    • @user1600124,jQuery ui\mobile 控制元素时不是这样的,在jsFiddle中试试。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-05-05
    • 1970-01-01
    • 2012-02-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-02
    相关资源
    最近更新 更多