JQuery Header Выбор на основе встроенного CSS-класса .ui-accordion-header

Question

Я пытаюсь выбрать все представления заголовков в моем аккордеоне с помощью встроенного класса CSS и попытаться отключить каждый заголовок, используя инструкцию ниже.

$('.ui-accordion-header').attr('disabled', true); 

Это прекрасно работает в IE9, но начинает давать ошибки сценария, когда пытался в IE 7. Я использую Jquery-1.7.1.min.js & версия JQuery UI JQuery-щ-1.8.17.

Основное предназначение - отключить навигацию к следующим панелям из текущей активной панели при щелчке ее заголовка, так как у меня есть элементы управления внутри каждой панели, чтобы управлять навигацией на следующие панели.

После того, как следующие панели открыты, пользователи могут перейти к предыдущим панелям и текущей панели, но не к следующим панелям.

Ошибка Scrernshot

<script type="text/javascript"> 
     $(document).ready(function() { 
      // on page ready first init of your accordion 
      $('#accordion').accordion(
       { 
        autoHeight: false, 
        animated: true, 
        collapsible: true 
       }); 

      $('.ui-accordion-header').attr('disabled', true); 

     }); 
    </script> 

Я был в состоянии поставить отладчик и выяснил ошибку в рамках Jquery. Его нарушение только в IE7, для IE 9 я не получаю таких ошибок.

Answer 1

Найдено работа вокруг, чтобы решить эту проблему:

<script type="text/javascript"> 
     $(document).ready(function() { 
      // on page ready first init of your accordion 
      $('#accordion').accordion(
       { 
        autoHeight: false, 
        animated: true, 
        collapsible: true, 
        changestart : function(event,ui){ 
         ui.newHeader.attr("disabled",false); 
        }, 
        create: function (event, ui) { 
        $('.ui-accodrion-header').attr("disabled", true); 
       } 
       }); 
    }); 
</script> 

Это прекрасно работает ...

Упоминание это, если кто-то снова сталкивается с этой проблемой.