javascript - 图像加载后显示 AJAX 内容

Question

我正在开发我自己的灯箱类型的 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

关于您的评论:

data 只是成功回调中的一个字符串 - 它是“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;

很酷，是吧？