javascript - 选项卡内多个 Accordion 出现故障

Question

我刚刚浏览了 StackOverflow 上有关此问题的所有类似帖子。

以前，这些在该站点上运行良好，因为每个不同的 Accordion 都使用一个 ID。问题是我们在多个站点上使用此脚本，并且有 20 多个几乎相同的脚本，只是 ID 更改变得烦人。

我更改了脚本:

<script type="text/javascript">
    $(document).ready(function(){                        
        $('#MANYDIFFERENTIDNAMES').accordion({              
            handle: ".handle",
            panel: ".panel",
            canToggle: true,
            activeClassLi: "active",
            speed: 600            
        });
    });
</script>

单个脚本:

<script type="text/javascript">
    $(document).ready(function(){                        
        $('.accordion').accordion({              
            handle: ".handle",
            panel: ".panel",
            canToggle: true,
            activeClassLi: "active",
            speed: 600            
        });
    });
</script>

正如您从有问题的页面( http://servicetechnology.ecisolutions.com/solutions/e-automate-overview.aspx )中看到的，该脚本似乎仍然可以在每个 Accordion 的每个选项卡中工作，但有一个小故障(打开时有延迟且没有转换)，打开时页面上有多个 Accordion 。

当然，当页面上只有一个 Accordion 时，不会出现任何故障。您可以在页面上看到平滑的打开过渡，如下所示:http://lbmh.ecisolutions.com/advantage/solutions.aspx

知道当有多个 Accordion 时是什么导致了这个故障吗？

Answer 1

具有多个折叠面板的页面还多次包含折叠面板初始化脚本，但事实不应该如此。您只需要一个脚本来初始化它们。选择器 .accordion 使用 class="accordion" 选择页面上的所有元素。