jQuery手风琴总是扩展/刷新需要工作答案

【问题标题】：jQuery accordion is always expanded / refresh required to workjQuery手风琴总是扩展/刷新需要工作
【发布时间】：2018-07-26 16:35:33
【问题描述】：

如果在其他地方回答了很多道歉，但我已经搜索并没有发现这个场景得到了回答。总是与实际想要的或相似的相反的东西......

我有一个网站，www.namesakeradio.com。似乎任何时候有人第一次访问该网站，有时在之后随机访问，手风琴是全开放/一路展开的。

您所要做的就是刷新页面，它的外观和工作都非常好。这在我拥有它的所有页面上都以相同的方式工作 - 移动页面和音乐页面。

是否有一个简单的 js 函数可以在访问页面时自动刷新容器（即手风琴容器），从而减少这个问题？或者欢迎任何人查看页面源代码，或者我很乐意在此处包含源代码......如果我不应该这样做，我只是不想代码混乱。这是我在这里的第一个 js 问题，所以请就您希望我添加、撤回等的任何内容提出建议，我会这样做。

非常感谢。

【问题讨论】：

标签： jquery refresh accordion required

【解决方案1】：

发生这种情况是因为 jquery 有时未完全下载，但您的站点尝试初始化手风琴插件。

我建议您将所有 JavaScript 文件移到页面末尾，就在结束 </body> 标记之前。

<script src="js/picturefill.min.js" class="picturefill" async="async"></script>
<script src="http://streams4.museter.com:2199/system/streaminfo.js"></script>
<script src="./jquery-3.3.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
    $(function () {
        $("#accordion").accordion({
            collapsible: true,
            active: false,
            heightStyle: "content"
        });

        $(".selector").collapsibleset("refresh");
    });
</script>
</body> <!-- CLOSING BODY TAG IS HERE -->

这样您就可以确定，您的手风琴功能会在所有内容下载完成后立即执行。

希望对你有所帮助。

【讨论】：

啊！好吧，我一直认为我应该把 js 放在顶部，这样它就会首先加载。 :P 我现在就这样做。非常感谢！
我一直在玩弄以不同的方式放置它。仍然得到相同的随机结果。我尝试将脚本源放在顶部，将脚本本身放在

【解决方案2】：

好的，所以我终于通过无休止的修补找到了解决方案。我不知道它为什么有效，但它似乎有效，所以我会将它发布在这里，以供将来可能遇到它的任何人使用，希望这对他们有用：

我将以下 jquery 脚本请求放在最顶部的所有其他请求之前：

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

然后我将所有其他非 jquery 脚本源定义放入之后，最后我将以下内容放在“堆栈”的底部：

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

最后，我将手风琴脚本放在页面 html 的底部，就在标签之前。

所有这些似乎都解决了之后新访问加载和随机加载的任何问题。我真的很感激在正确方向上的颠簸。非常感谢！

【讨论】：