标签内有多个手风琴的故障

Question

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

以前，这些在这个站点上运行良好，因为每个不同的手风琴都使用了一个 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) 中看到的那样，脚本似乎仍然可以在每个手风琴的每个选项卡中运行，但是有一个小故障（有延迟并且打开时没有转换） , 当页面上有多个手风琴时打开。

当然，当页面上只有一个手风琴时，没有任何问题。您可以在这样的页面上看到平滑的打开过渡：http://lbmh.ecisolutions.com/advantage/solutions.aspx

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

Answer 1

多手风琴页面也多次包含手风琴初始化脚本，不应该。您只需要一个脚本来初始化它们。选择器 .accordion 选择页面上的所有个元素 class="accordion".

标签内有多个手风琴的故障

Glitch with multiple accordions within tabs

javascript

jquery

accordion

jquery-ui-accordion