什么时候Jquery伪回复完成

时间:2012-01-22 08:48:21

标签: javascript jquery recursive-query

我使用下面的功能显示项目列表。我想更改函数,以便在伪回复完成时显示导航。有什么方法可以在完成后进行检测吗?

function fadeItem() {
    $('ul li:hidden:first').fadeIn(fadeItem);
}

2 个答案:

答案 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
     });
}