Question

我正在努力让Masonry在我的应用程序中正常工作，它只是没有按照我希望的方式工作。在砌体中没有任何东西正确对齐（到处都有很大的差距）。

我将一堆div加载到一个区域。滚动无限，滚动时，屏幕上会添加更多内容。

这是我首先做的（在将前20个结果加载到我的视口中之后完成）。请注意，在执行此操作后，应用了砌体，但没有正确对齐（所有内容之间存在较大间隙）。

@resultsRegion.$el.masonry({itemSelector: ".presentation-safe.grid-item",
  columnWidth: '.item',
  percentPosition: true})

在触发无限滚动后添加更多结果：

@displayCollection.add(results)
if @cardLayout == 'flow'
  @resultsRegion.$el.masonry('appended')

所有内容都已正确添加并且Masonry正在应用，但我的所有内容之间仍然存在巨大差距。

我也尝试了@resultsRegion.$el.masonry('reloadItems')，但是这会让我的所有样式都在页面上的所有内容中弄乱。