jquery attr ('disabled', 'disabled') не работает полностью в IE (не отключает клик, но выглядит отключенным)

Question

У меня проблемы с attr ('disabled', 'disabled') в Internet Explorer с jQuery 1.7.1. Кнопки отображаются отключенными, однако, если их щелкнуть, они все равно выполняются. В 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

через ThiefMaster:

Знаете ли вы, что у вас есть только написать jQuery в своей длинной форме? Упакуя свой код в (function ($) {....}) (jQuery) ;, вы можете использовать $ независимо от того, использовался ли noConflict или нет. И вы должны использовать .prop ('disabled', true), чтобы отключить элемент. Кроме того, , что на отключенном элементе обычно никаких событий не запускается вообще. Вы также не должны попытаться отключить события, очистив свойство onclick. Если вы связали их с помощью jQuery, отвяжите их, используя .unbind ('click').

Answer 2

Обычно вы могли бы просто использовать

button.disabled = true; 

, но с момента получение JQuery OBJ попробовать

this.disabled = true;