如何刪除所有圖像並添加新的圖像列表？

Question

使用Isotope插件如何刪除當前存在的所有圖像並按下按鈕加載一組圖像？

在它說，這樣做是爲了移除單個項目的文件：

.isotope('remove', $items, callback) 

如何刪除所有項目，然後裝入一組新的項目？ jsfiddle中的一個例子會很棒。

Answer 1

您可以使用jQuery刪除元素，然後觸發同位素reLayout。

例

$items.remove(); // you can remove multiple items with jQuery and also append new itmes 
$item_parent.isotope('reLayout'); 

閱讀

這是沒有必要使用同位素來處理節點缺失。

.append()

.isotope('reLayout')

Answer 2

我也一樣，最近需要用一套新的圖像，以取代所有同位素項目。

這爲我工作：

var $isoContainer = $('#image-feed'); 
$isoContainer.isotope('remove', $isoContainer.isotope('getItemElements')); 
$isoContainer.isotope('appended', $newEntries); 
$isoContainer.isotope('layout');