Ajax和砌体

Question

家伙，您好我有一个小问题，在这里我想使用此代码加载更多

$(document).ready(function(){ 
var page = 1; 
    var pages = $("#pages").val(); 

    $("#content").load("resources/more.php"); 
    $("#loadmore").bind("click", function(){ 
     var next = page+=1; 

     $.get("resources/more.php?page="+next, function(data){ 
      var el = jQuery(data); 
      if(next==pages){ 

       $("#loadmore").remove(); 
      } 
      $("#content").append(el).masonry('appended', el, true); 
        //$("#content").append(el).masonry('reload'); 
     }); 
    }); 
    }); 

加载更多工作相当精细不过砌体不工作。感谢帮助。

Answer 1

该问题是由于我帮助找到的错误！事实证明，$ .get（）返回了一些底层DOM结构的HTML，这是Masonry不喜欢的。

为了解决这个问题，改变这种：

var el = jQuery(data); 

要这样：

var el = jQuery(data).filter('div'); 

你可以阅读更多关于它在这里： https://github.com/desandro/masonry/issues/374