jQuery Isotpoe，添加项目会一直往下推
jQuery Isotpoe，添加项目会一直往下推
提问于 2015-09-14 21:44:20
我买了一个网页模板，但我很难动态地将元素添加到同位素容器中，而作者已经好几天没有回应了。
以下是该模板的演示页面，其中包含同位素：http://freshfruits.us/acerola/index_scroll.html
如果您打开web控制台，请粘贴以下内容：
$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>');这会将一个项目附加到文件中，并带有指向我的一条tweet中的图像的链接。
下一步是使用同位素调用` `addItems：
$('.izotope-container').isotope('addItems', $items)现在我们必须更新同位素布局，这是所有项目被推到底部的地方：
$('.izotope-container').isotope('layout');为何会这样呢？我如何修复它，使它不会把所有东西都推到底部，造成一个巨大的空白间隙，需要用户将页面一直向下滚动？
回答 1
Stack Overflow用户
发布于 2015-09-15 00:16:21
addItems不会对附加、预置或在同位素中插入等项进行布局。如果您希望将项目附加到布局，请尝试以下操作：
$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 );页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32566417
复制相关文章
相似问题
腾讯云开发者
