我使用下面的功能显示项目列表。我想更改函数,以便在伪回复完成时显示导航。有什么方法可以在完成后进行检测吗?
function fadeItem() {
$('ul li:hidden:first').fadeIn(fadeItem);
}
答案 0 :(得分:1)
(更新:添加了第一部分)加载所有嵌入图像然后每隔半秒递归地淡化所有内容,然后发出警报(替换为您重新评论的概念)
var selector = "ul li:hidden:first";
function fadeIn($item) {
$item.fadeIn(500,function() {
var n = $(selector);
if(n.length > 0) {
fadeIn($(selector));
} else {
// add a div
alert("added a div");
}
})
}
$(document).ready(function() {
// load images first
var imgs = []; // cached
$("ul li img").each(function() {
// create a separate img tag because img is not active due do [assumed css] display:none;
var cacheImage = document.createElement('img');
cacheImage.src = $(this).attr("src");
imgs.push(cacheImage);
});
// this is a quick method, you can change window to the image nodes to optimize better
$(window).load(function() {
fadeIn($(selector));
});
});
来源:http://jsfiddle.net/MattLo/ukLaG/1/(使用非常大的图片进行测试)
答案 1 :(得分:0)
请参阅documentation。您可以传递回调函数:
function fadeItem() {
$('ul li:hidden:first').fadeIn(fadeItem, function() {
// do something
});
}