jQuery .attr ("disabled"、 "disabled")在 Chrome 中不起作用

Question

不知道为什么这不起作用。

当人们单击我的应用程序的“编辑”按钮时，禁用的文本字段将变为可编辑:

$("#bewerken").click(function(e)    {
    $("input[disabled='disabled']").removeAttr('disabled');
});

然后我想在用户保存时再次禁用文本字段；我将此代码绑定(bind)到我的保存按钮:

$("#save_school_changes").click(function(e) {
    //stuff

    $.ajax({
        type: "POST",
        url: "/school/save_changes",
        data: { //stuff },
        success: function(data)
        {
            $("#feedback_top").html("<p>" + data['message'] + "</p>").slideDown('slow').delay(2000).slideUp();
            $("input[type='text']").attr('disabled', 'disabled');

        }
    });

    e.preventDefault();
});

据我所知，这应该会再次禁用文本字段。然而，这似乎在 Chrome 中不起作用。它在 Firefox 中确实有效。我还没有机会在 IE 或 Safari 中进行测试。有什么办法可以让这个在 Chrome 中也能工作吗？非常感谢!

Answer 1

如果您使用的是 jQuery < 1.6这样做:

jQuery("input[type='text']").attr("disabled", 'disabled');

如果您使用的是 jQuery 1.6+:

jQuery("input[type='text']").prop("disabled", true);

查看这个问题:.prop() vs .attr()供引用原因。

或者你可以尝试这个:

$('input:text').attr("disabled", 'disabled');

see here for info on :text