javascript - 页面加载时布局中断

Question

我正在使用 slider 来显示一些 WordPress 帖子。当我打开页面时，它会挂起几秒钟(时间各不相同)，在此期间，布局会中断(例如 slider 中的所有帖子都变得可见，而不是第一篇帖子)，但一旦页面加载，所有内容都会恢复正常。

我认为这是因为 jQuery 代码加载较晚。我能做些什么吗？

我目前正在使用这个:

jQuery(document).ready(function() {
    jQuery("#foo1").carouFredSel();
});

另外，我如何向 Firebug 检查导致此问题的原因？ (哪个资源需要时间来加载)，因为它发生得太快了，我没有时间在 Firebug 上查看。

Answer 1

您可以隐藏它并使其显示:无。直到加载然后显示

<script>    
jQuery(document).ready(function() {
jQuery("#foo1").carouFredSel();
jQuery("#foo1").show();
});
</script>
<div id="foo1" style="display:none"></div>