我正在将 MeteorJS 集合与 Packer 集成以实现类似 Pinterest 的界面。
我有一个问题,当一个新项目被添加到由 Packery(或 Masonry,同一个问题)呈现的集合中时,新项目只是漂浮在容器的左上角,而不是通过 Packery 布局处理器运行.
triggerMasonryLayout = function () {
var $container = $('#masonry-layout');
console.log("AUTORUN PACKERY", $container);
$container.packery({
itemSelector: '.item',
gutter: 20,
columnWidth: 300
});
$container.packery();
}
Template.bookingsProfileItem.onRendered( function() {
triggerMasonryLayout();
});
<template name="bookingsProfileItem">
<div class="item">
...
<div id="masonry-layout">
{{#each properties}}
{{> bookingsProfileItem}}
{{/each}}
</div>