Question

我使用isotope插件http://isotope.metafizzy.co，我想删除所有相关项，然后插入新内容。

我想要这样做的原因是因为我有一个排序选项，如果有人选择排序，我想从数据库中获取新内容。

我使用Filtrify插件来调用同位素：

var ft = $.filtrify("downloadBoxes", "placeHolder", {
    hide     : false,
    block : ["data-id", "data-views"],
    callback : function ( query, match, mismatch ) {
        $container.isotope ({
            getSortData : {
                views : function ( $elem ) {
                    return parseInt( $elem.attr('data-views') );
                },
                year : function ( $elem ) {
                    return parseInt( $elem.attr('data-year') );
                }
            },
            filter : $(match)
        });
    }
});

我该怎么做？请帮助，我一直试图这么做，但没有成功。

谢谢！

Answer 1

好的，这是你的虚拟代码：从父容器中删除所有数据，运行你的ajax请求，更新html并初始化同位素。

function updateIsotope() {
    var container = $('YourParentContainer');
    container.html('');
    $.ajax({
            url: 'YourUrlToGetNewData'
        }).success(function(htmlData) {
            container.html(htmlData)
             .filtrify(YourContainerId,placeHolderID,{}).isotope({});
    });
}

jQuery同位素插件删除所有项目并插入新的

1 个答案: