.load()和$(window).bind('load')之间的延迟
.load()和$(window).bind('load')之间的延迟
提问于 2012-08-08 10:04:59
我遇到了一个问题，因为在完成以下操作之前出现了延迟：
var href = $('.mainNav').data('href');
$('#slideshow').load(href); 这将调用一个只包含未排序列表的文件，并将其作为#slideshow的内容。该部分位于$(document).ready函数中。
下一段代码调用插件jCarousel来设置#slideshow的内容样式，它位于$(document).ready函数之外：
$(window).bind('load', function () {
$('#mycarousel').jcarousel();
});我遇到的问题是，在列表加载和插件格式化列表之间有一个小小的延迟，在这个列表中，列表是完全没有样式的。有没有办法让第二段代码在列表显示之前运行？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-08-08 10:17:00
你可以用CSS隐藏它：
#mycarousel {
display: none;
}然后在jcarousel设置好后显示它：
$(window).bind('load', function () {
$('#mycarousel').jcarousel();
$('#mycarousel').show();
});此外，我认为使用$(window).bind('load', ...)和.load()是很奇怪的，因为.load()不会在window上触发load事件。也许你应该使用.load()的回调函数，就像这样：
$('#slideshow').load(href, function () {
$('#mycarousel').jcarousel();
$('#mycarousel').show();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11856692
复制相关文章
相似问题
腾讯云开发者
