IE7 / IE8 与 JQuery .removeAttr('disabled') 交互，不应用 css

Question

这更像是一个好奇心，而不是一个问题，但我想知道为什么以下内容不起作用。

假设我有一个带有选择器和提交按钮的 html 表单。

 <form action="/foo/createActivity" method="post" name="activityform" id="activityform" >

<select name="activity" id="activity" >
<option value="1" >Activity 1</option>
<option value="2" >Activity 2</option>
</select>
<input type="submit" class="submit" id="add" value="Add >>"/>
</form>

然后我有一个定义了 jQuery 的 ajax 调用，

$('#activity').change(function() {
    tryDisable($('#activity').val());
});

function tryDisable(activity) {
$.ajax({
    type: 'GET',
    contentType: 'application/json',
    cache: false,
    url: '/foo/checkActivity',
    data: {
        activity: activity
    },
    success: function(disableSubmit) {

        if (disableSubmit == "true") {
            $('#add').attr('disabled', 'true');
        } else {
            $('#add').removeAttr('disabled'); // Problem in IE, doesn't take away CSS of disabled
            // $('#add').css({"text-align" : "center"}); 
            // NO idea why the above fixes the problem, TODO find out
        }
    },
    dataType: 'json'
});
return false;
}

您将在我的评论中看到，只是 .removeAttr('disabled') 导致按钮重新启用，但按钮仍然看起来就像被禁用一样（灰显）。但是，如果我像在注释掉的行中那样通过 jquery 'tickle' css，则应用正确的、非禁用的样式。正如我所料，Firefox 和 Chrome 仅使用第一行就可以正常工作。

有谁知道为什么会这样？ IE 在这里做什么如此奇怪？

Answer 1

我以前也遇到过同样的问题。我用谷歌搜索并从 jQuery 网站 找到了这个注释。

注意：尝试使用 .removeAttr() 删除内联 onclick 事件处理程序在 Internet Explorer 6、7、或 8. 为了避免潜在的问题，请使用 .prop() 代替：

$element.prop("onclick", null);
console.log("onclick property: ", $element[0].onclick); // --> null

我还在 SO 中找到了几篇关于 .removeAttr() 的帖子：

• removeAttr() 问题
• .prop('checked',false) 或.removeAttr('checked')?

这个 帖子也很有帮助。