jquery - jquery attr('disabled', 'disabled') 在 IE 中没有完全工作（不禁用点击但看起来已禁用）

Question

我在使用 jQuery 1.7.1 的 Internet Explorer 中遇到 attr('disabled', 'disabled') 问题。这些按钮显示为禁用，但如果单击它们，它们仍会执行。在 firefox、safari 和 chrome 中，它的行为符合预期（什么都不做，阻止点击）。有任何想法吗？

    disableWizardButtons: function() {
        jQuery(this.wizardButtonSelector).filter(this.enabledSelector).each(function() {
            var button = jQuery(this);
            button.data().originalClass = button.attr('class');
            button.removeClass().addClass('btn-secondary-disabled');
            button.attr('disabled', 'disabled');
            button.prop("onclick", null);
        });
    }

Answer 1

通常你可以使用

button.disabled = true;

但是既然你得到了 jQuery obj 试试

this.disabled = true;

Answer 2

通过小偷大师：

你知道你只需要写一次长格式的 jQuery 吗？通过将代码包装在 (function($) { .... })(jQuery); 中，无论是否使用了 noConflict，您都可以使用 $。你应该使用 .prop('disabled', true) 来禁用一个元素。除此之外，在禁用的元素上，通常根本不会触发任何事件。您也不应该尝试通过清除 onclick 属性来取消绑定事件。如果您使用 jQuery 绑定它们，请使用 .unbind('click') 取消绑定它们。