添加 ui-css 后，jQuery 不会在按钮单击时重新启用文本框

Question

$("#button1").on("click", function () {
    $("input[type=text]").attr("disabled", "disabled");
});

$("#button2").on("click", function () {
    $("input:disabled").each(function () {
        $(this).removeAttr('disabled');
    });
});

以上工作正常。但我为文本框制作了 jQuery-ui ...... 我已经添加了代码来禁用文档加载时的所有文本框。它工作完美。 但是在单击按钮后，我想启用加载时禁用的所有文本框。 我的代码如下。

$(document).ready(function () {
    $("input[type=text]").attr("disabled", "disabled");

    $("#button2").on("click", function () {
        $("input:disabled").each(function () {
            $(this).removeAttr('disabled');
        });
    });

});

当我单击按钮时，它不起作用，并且文本框仍然处于禁用状态。

查看演示 http://jsfiddle.net/kfHmX/

Answer 1

尝试一下 fiddle http://jsfiddle.net/kfHmX/1/我希望这一切顺利

而不是这个

      $('input:text')

改成这个

    $('input:[type:text]')