在js运行之前可见跳跃

Question

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

我在页面加载时运行该功能。

在这种情况下我能做些什么吗？我想不出一个好办法来解决它。

Answer 1

这是因为$（document）.ready（）在执行内部代码之前等待呈现HTML。

您可能会在<ul>

之后将您的手风琴初始值移至右侧

即。

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