Jquery 将Ajax内容转换为网格问题

Jquery 将Ajax内容转换为网格问题,jquery,ajax,scroll,jquery-isotope,masonry,Jquery,Ajax,Scroll,Jquery Isotope,Masonry,我正在尝试使用ajax将数据显示到网格中 使用滚动和显示的Ajax调用可以工作,但同位素网格不能 我看到了带有同位素的无限滚动插件和一些示例,但我没有发现是否可以用这些来调用ajax 所以,如果你能帮助我,那就太好了 以下是我的javascript: var $grid = $('#grid').isotope({ masonry: { columnWidth: 300, gutter: 25 },

我正在尝试使用ajax将数据显示到网格中

使用滚动和显示的Ajax调用可以工作,但同位素网格不能

我看到了带有同位素的无限滚动插件和一些示例,但我没有发现是否可以用这些来调用ajax

所以,如果你能帮助我,那就太好了

以下是我的javascript:

var $grid = $('#grid').isotope({
        masonry: {
            columnWidth: 300,
            gutter: 25
        },
        itemSelector: '.grid-item',
        sortAscending: false
    });
loadmore();

$(window).scroll(function () {
     IsScrollbarAtBottom();
});

//Fonction de détéction du bottom de page. Si le bas de la page est atteint au scroll, on charge plus de postes
// Detect page bottom and load data if its good
function IsScrollbarAtBottom() {
    var docElement = $(document)[0].documentElement;
    var winElement = $(window)[0];

    if ((docElement.scrollHeight - winElement.innerHeight) == winElement.pageYOffset) {
        loadmore();
    }
}
/* //// LOADMORE //// 
*
*   On charge plus de postes, et on les construits avec buildMore
*   Controllers PHP MAIN : fonction loadmore.
*   
*/
function loadmore() {
    $.ajax({
        url: 'loadmore',
        method: 'POST',
        contentType: 'text/plain',
        dataType: 'text',           
        success : function(res) {
            buildMore($.parseJSON(res)); 
        },
        error: function(e, s, t){
            console.log(e);
            console.log(s);
            console.log(t);
        }
    });
}
function buildMore(datas){
    for(i=0;i<datas.length;i++){
        var $post = setBlock(datas[i]);
        $('#grid').append($post).isotope('appended', $post);
    }
}

setblock function return html block with datas
var$grid=$('#grid')。同位素({
砌体:{
列宽:300,
排水沟:25
},
itemSelector:“.grid项”,
排序:错误
});
loadmore();
$(窗口)。滚动(函数(){
IsCrollbaratbottom();
});
//页面底部的功能。这是一张卷轴,收费加邮费
//检测页面底部并加载数据(如果良好)
函数IsScrollbarAtBottom(){
var docElement=$(文档)[0].documentElement;
var-winElement=$(窗口)[0];
if((docElement.scrollHeight-winElement.innerHeight)==winElement.pageYOffset){
loadmore();
}
}
/*///LOADMORE///
*
*关于费用加邮费,等等关于建筑工程
*控制器PHP MAIN:fonction loadmore。
*   
*/
函数loadmore(){
$.ajax({
url:“加载更多”,
方法:“POST”,
contentType:'文本/普通',
数据类型:“文本”,
成功:功能(res){
buildMore($.parseJSON(res));
},
错误:函数(e、s、t){
控制台日志(e);
控制台日志;
控制台日志(t);
}
});
}
函数buildMore(数据){
对于(i=0;i