javascript - infinity.js 的最佳实践

Question

我正在使用 AirBnb 的 infinity.js 插件在我的应用中生成无限列表。

我在创建相关页面时第一次生成列表。但随后列表必须根据过滤复选框和选择按钮进行更新。所以我必须重新生成列表。鉴于我的列表 new infinity.ListView($el); 的创建是在函数 resetModelsListView 中创建的，如果我每次重新启动 resetModelsListView想要更新列表，它会创建一个新的 ListView 。请问如何管理？

function resetModelsListView(prodata, firsttime, funfeatureOn, specificBrand, specificPro) {
 ...

 //create listview
 var $el = $('#modelsListview');
 var listView = new infinity.ListView($el);

 //add new content:
 var $newContent = $(optionsmodel); //optionsmodel is a list of <li>s
 listView.append($newContent);

}

Answer 1

我不知道这是否是好的做法，但现在我正在这样做:

function resetModelsListView(prodata, firsttime, funfeatureOn, specificBrand, specificPro) {
 ...
 //USING INFINITY.JS:

 //clear previous list
 if (typeof listView !== 'undefined') {
    listView.remove();
    listView.cleanup();
 }

 //reinit the list
 var $el = $('#modelsListview');
 listView = new infinity.ListView($el);

 //adding new content:
 var $newContent = $(optionsmodel);
 listView.append($newContent);
}