.appendTo之前空容器（）被使用jQuery

Question

我有一个容器#boxes，我需要清空和添加内容使用.imagesLoaded()，然后应用砌筑烧制。内容默认包含我正在删除的砌体项目，然后添加包含在响应中的新项目。我的代码存在的问题是，在我相信追加内容后，它会清空内容。有任何想法吗？

$(document).ready(function($){ 
    $('div.profile-archive').click(function(){ 
     $("#boxes").empty(); 
     $this = $(this); 
     var postType = $this.attr("rel"); 
     data = { 
      action: 'fetch_profile_archive', 
       postType : postType 
     }; 
     $.post(ajaxurl, data, function (response) { 
      var $response = $(response); 
      $response.imagesLoaded(function() { 
       $("#boxes").masonry('reload'); 
      }).appendTo("#boxes"); 
     }); 
    }); 

}); 

Answer 1

我认为你的问题在于imagesloaded函数。您目前的结果，从追加到imagesloadedboxes，我的猜测是，你有响应添加到boxes第一，然后在boxes运行imagesLoaded。

$("#boxes") 
    .append($response) 
    .hide() // If you don't want to show the content until loaded 
    .imagesLoaded(function() { 
    $("#boxes") 
     .show() // If you want to show the content after it's loaded 
     .masonry('reload'); 
    });