向同位素追加新项目

Question

无论我尝试什么，我似乎都无法将新物品附加到同位素上。我想在ajax请求之后做这件事。

我最接近的是success回调中的以下内容：

$('.storiesiso').append( response ).isotope( 'reloadItems' ).isotope({ sortBy: 'original-order' }).isotope('layout');

使用它，实际上会添加项目，但它们设置为display:none并且没有应用right或top css stying。

Answer 1

您是否尝试使用同位素方法来做到这一点？ http://isotope.metafizzy.co/v1/docs/adding-items.html

填写回复后，可以使用appended或insert方法：

var $newItems = $('<div class="item" /><div class="item" /><div class="item" />');
$('#container').isotope( 'insert', $newItems );