图片加载后显示AJAX内容

Question

我正在开发我自己的lightbox类的jquery插件。一切正常，但我想隐藏加载的内容，直到图像从AJAX调用加载到浏览器中。我发现了一个类似的帖子，我正在使用下面的脚本，但是setTimeout函数揭示了内容而不是.load函数。我是否想要实现不可能的目标？

$.ajax({ 
     url: 'meet/'+ pLoad + '.html', 
     success: function(data) { 
     var imageCount = $(data).filter('img').length; 
     var imagesLoaded = 0; 
     $(data).hide() 
     .appendTo('#zoom_inner') 
     .filter('img') 
     .load(function() { 
      ++imagesLoaded; 
      if (imagesLoaded >= imageCount) { 
      $('#zoom_inner').children().show(); 
      } 
      }); 
     setTimeout(function() { $('#zoom_inner').children().show() }, 5000); 
     } 
    }); 

Answer 1

关于你的评论：

数据仅仅是在你的成功回调字符串 - 这是“HTML”，但它是一个字符串。

让它使用节点：

var $images = $(data); // i.e. turn <div><img /></div> into a div with an img as a child or whatever you got 
var imageCount = $images.find('img').length; 

酷，不是吗？

Answer 2

如果你研究这篇文章，我想你可以找到你的问题（http://jqueryfordesigners.com/image-loading/）

祝解决方案。