如何删除所有图像并添加新的图像列表?

时间:2013-10-21 02:16:45

标签: jquery jquery-isotope

使用Isotope插件如何删除当前存在的所有图像并按一下按钮加载一组图像?

在文档中,它说要删除单个项目:

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

如何删除所有项目然后加载一组新项目? jsfiddle中的一个例子很精彩。

2 个答案:

答案 0 :(得分:3)

我也最近需要用一组新图像替换所有同位素项目。

这对我有用:

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

答案 1 :(得分:0)

您可以使用jQuery删除元素,然后触发同位素reLayout。

实施例

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

没有必要使用同位素来处理节点删除。

.append()

.isotope('reLayout')