javascript - 页面加载时布局中断

Question

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

我认为这是因为 jQuery 代码加载较晚。有什么我可以做的吗？

我目前正在使用这个：

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

另外，我如何检查Firebug是什么原因造成的？（加载哪个资源需要时间），因为它发生得如此之快，以至于我没有时间在 Firebug 上看到。

Answer 1

Firebug 有一个网络面板，可让您查看浏览器发出和接收的请求/响应。

我假设它很可能不是 jQuery。在您访问该网站几次后，它应该在您的缓存中。

Answer 2

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

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