圖片加載後顯示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/）

祝解決方案。