Ajax和Masonry

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' );
        });
    });
    });

Load more工作得很好，但是砖石结构根本不工作。谢谢你的帮助。

Answer 1

这个问题是由我帮助找到的一个bug引起的！事实证明，$.get()返回带有一些底层DOM结构的超文本标记语言，这是Masonry不喜欢的。

要解决此问题，请更改以下内容：

var el = jQuery(data);

要这样做：

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

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