标签内有多个手风琴

Glitch with multiple accordions within tabs

本文关键字：手风琴 标签      更新时间：2024-03-13

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

以前，这些在这个网站上运行良好，因为每个不同的手风琴都使用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

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

具有多个手风琴的页面还多次包含手风琴初始化脚本，但情况并非如此。您只需要一个初始化它们的脚本。选择器.accordion选择具有class="accordion"的页面上的所有元素。

相关文章：