jQuery Isotpoe，添加项目一直向下推

Question

我购买了一个网页模板，但我很难动态地向同位素容器中添加一个元素，而且作者几天没有回应。

以下是同位素模板的演示页面：http://freshfruits.us/acerola/index_scroll.html

如果您打开网页控制台，请粘贴：

$items = $('.izotope-container').append('<div class="item web"><a href="#"></a><div class="det-img ellem" data-caption="hi"><img src="https://pbs.twimg.com/media/CO1mT7yU8AI5eVG.png" alt=""></img></div></div>');

这会将一个项目附加到文件中，并在我的一条推文中添加指向图像的链接。

下一步是我用同位素调用`addItems：

$('.izotope-container').isotope('addItems', $items)

现在我们必须更新同位素布局，这就是所有项目被推到底部的地方：

$('.izotope-container').isotope('layout');

为什么会这样？我怎样才能解决这个问题，因此它不会将所有内容推到底部，从而产生巨大的空白差距，需要用户将页面一直向下滚动？

Answer 1

addItems does not lay out items like appended, prepended, or insert in isotope. If you want appended items to layout, try this:

$items = $('<div class="item web"><a href="#"></a><div class="det-img ellem" data-caption="hi"><img src="https://pbs.twimg.com/media/CO1mT7yU8AI5eVG.png" alt=""></img></div></div>');

 $('.izotope-container').append( $items ).isotope( 'appended', $items );