基于内置CSS类.ui-accordion-header的Jquery Header Selection

Question

我试图在内置css类的帮助下选择手风琴中的所有标题，并尝试使用下面的语句禁用每个标题。

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

它在IE9中工作正常，但在IE 7中尝试时开始给出脚本错误。我正在使用 jquery-1.7.1.min.js＆amp; jquery-ui-1.8.17版本的Jquery UI。

基本意图是在点击其标题时禁用从当前活动窗格导航到下一个窗格，因为我在每个窗格中都有控件来控制导航到下一个窗格。

下一个窗格打开后，用户可以转到上一个窗格和当前窗格，但不能转到下一个窗格。

错误Scre​​rnshot

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

这很有效......

如果有人再次遇到此问题，请提及此事。