1

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

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

它在 IE9 中运行良好,但在 IE 7 中尝试时开始出现脚本错误。我使用的是 jquery-1.7.1.min.js 和 jquery-ui-1.8.17 版本的 Jquery UI。

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

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

错误截图在此处输入图像描述

 <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,我没有收到任何此类错误。 在此处输入图像描述

4

1 回答 1

2

找到解决此问题的方法:

<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-12T16:26:17.703 回答