Question

我刚刚浏览了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

当有多个手风琴时，有什么想法导致这个故障？

Answer 1

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

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

1 个答案: