Ajax调用后Shuffle.js函数

时间:2016-02-10 12:17:05

标签: jquery ajax

我使用这个库:http://vestride.github.io/Shuffle/,效果很好,但我现在遇到的问题是,我有一个加载更多按钮,用于加载更多图像。

它是用Ajax创建的,但是当我在Ajax调用之后再次调用该函数时,网格没有更新:

$(document).ajaxComplete(function(){
    shuffleGrid();
});

我的shuffleGrid功能:

shuffleGrid = function(){
    var $grid = $('#block .content');

    $grid.shuffle({
        itemSelector: '.views-row'
    });
};

1 个答案:

答案 0 :(得分:2)

问题解决了:

$(document).ajaxComplete(function(){
    $('#block .content .views-row:not(.shuffle-item)').each(function() {
        var $newRow = $(this);

        $('#block .content').append($newRow);
        $('#block .content').shuffle('appended', $newRow);  
    });
});