javascript - js运行前可见跳转

Question

我编写了一个脚本，它采用无序列表并将其转换为 Accordion 。当页面加载时，我注意到在 JS 运行之前，列表仍然正常显示一两秒，然后由 js 格式化为 Accordion 。我无法编辑 CSS 来隐藏列表并在 js 加载后显示它，因为我想为没有 js 的用户提供替代方案。

我在页面加载时运行该函数。

遇到这种情况我能做些什么吗？我想不出什么好的办法来解决。

Answer 1

这是因为 $(document).ready() 在执行里面的代码之前等待 HTML 渲染。

您可以将 Accordion init 移到 <ul> 之后的右侧。

即

<ul class="accordion">
   <li>Accordion Item</li>
   <li>Accordion Item</li>
</ul>
<script type="text/javascript">
    $(".accordion").accordion();
</script>