php - 阿贾克斯和砌体

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() 返回的 HTML 带有一些 Masonry 不喜欢的底层 DOM 结构。

要修复它，请更改此：

var el = jQuery(data);

对此：

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

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