jQuery .attr(“disabled”, “disabled”) 在 Chrome 中不起作用

Question

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

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

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

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

$("#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');

请参阅此处以获取有关 :text 的信息

Answer 2

对我来说，这些答案都不起作用，但我终于找到了一个有效的答案。

我需要为 IE 添加这个 -

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

我还必须为 Chrome 和 Firefox 添加这个 -

$('input:text').AddClass("notactive");

还有这个 -

<style type="text/css">
    .notactive {
        pointer-events: none;
        cursor: default;
    }
 </style>

Answer 3

如果您要从输入中删除所有禁用的属性，那么为什么不这样做：

$("input").removeAttr('disabled');

然后在ajax成功之后：

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

确保在提交之前使用删除禁用的属性，否则它不会提交该数据。如果需要在更改之前提交，则需要使用readonly代替。

Answer 4

这是一篇旧帖子，但我这个解决方案都不适合我，所以如果有人觉得这有帮助，我会发布我的解决方案。

我刚刚遇到了同样的问题。

就我而言，我需要禁用的控件是带有子下拉菜单的用户控件，我可以在 IE 中禁用它，但不能在 Chrome 中禁用。

我的解决方案是使用该代码禁用每个子对象，而不仅仅是用户控件：

$('#controlName').find('*').each(function () { $(this).attr("disabled", true); })

它现在在 Chrome 中为我工作。

Answer 5

尝试 $("input[type='text']").attr('disabled', true);

Answer 6

这里：
http://jsbin.com/urize4/edit

实时预览
http://jsbin.com/urize4/

您应该使用“readonly”喜欢：

$("input[type='text']").attr("readonly", "true");

Answer 7

您是否尝试过 prop() ？

好吧 prop() 似乎对我有用。

Answer 8

我的问题是，使用禁用属性的元素需要定义为表单元素，即输入类型才能工作。两者都与 attr() 和 prop() 一起使用，但为了将来的可维护性而选择了后者。

Answer 9

大多数禁用属性不适用于 HTML-5 及以上的锚标记。因此，我们将其更改为“按钮”，并使用适当的颜色、边框样式等对其进行相应的样式设置。对于用户在 Chrome 中遇到的任何类似问题，这是最合适的解决方案。只有少数元素支持“disabled”属性：
Span 、选择、选项、文本区域、输入、按钮。

Answer 10

更好地使用类

$("#...").addClass("disabled");
$("#...").removeClass("disabled");