更新集合时，MeteorJS和Packery布局不会重新呈现

Question

我将MeteorJS系列与Packer集成在一起，形成类似Pinterest的界面。

我遇到的问题是，当一个新项目被添加到由Packery（或Masonry，同一个问题）呈现的集合中时，新项目只会浮动在容器的左上方，并且不会运行通过Packery布局处理器。

＆＃13;

＆＃13;

triggerMasonryLayout = function () {
  var $container = $('#masonry-layout');
  console.log("AUTORUN PACKERY", $container);

  $container.packery({
    itemSelector: '.item',
    gutter: 20,
    columnWidth: 300
  });

  $container.packery();
}

＆＃13;

＆＃13;

＆＃13;

＆＃13;

＆＃13;

Template.bookingsProfileItem.onRendered( function() {
  triggerMasonryLayout();
});

＆＃13;

＆＃13;

＆＃13;

＆＃13;

＆＃13;

<template name="bookingsProfileItem">

  <div class="item">
    ...

＆＃13;

＆＃13;

＆＃13;

＆＃13;

＆＃13;

<div id="masonry-layout">
  {{#each properties}}
    {{> bookingsProfileItem}}
  {{/each}}
</div>

＆＃13;

＆＃13;

＆＃13;