基於內置CSS類的Jquery頭選擇.ui-accordion-header

我想在我的手風琴中選擇所有頭文件，並在內置css類的幫助下嘗試使用下面的語句禁用每個頭。基於內置CSS類的Jquery頭選擇.ui-accordion-header

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

它工作正常，在IE9中，但開始給腳本錯誤在IE 7試過我使用 jQuery的1.7.1.min.js &的jQuery-UI-1.8.17版本的jQuery用戶界面的時候。

基本意圖是禁用從當前活動窗格單擊其標題時導航到下一個窗格，因爲我在每個窗格中都有控件來控制導航到下一個窗格。

下一個窗格打開後，用戶可以轉到上一個窗格和當前窗格，但不能轉到下一個窗格。

錯誤Scrernshot enter image description here

<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我沒有得到任何這樣的錯誤。 enter image description here

來源

2013-07-11 user12345

它給出了什麼腳本錯誤？如果將.attr換爲.prop，會發生什麼情況？ –

我沒有看到即使在IE7中也會失敗的原因。什麼錯誤？ – isherwood

腳本錯誤可能與其他一些代碼有關，上面的代碼對所有瀏覽器都是正常的 –

找到一個變通來解決這個問題：

<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>

這工作完全...

提到這一點，如果有人再次面臨這個問題。

來源

2013-07-12 16:26:17

基於內置CSS類的Jquery頭選擇.ui-accordion-header

回答

相關問題