语义 UI 可见性 + Masonry 无限滚动布局

Question

我正在尝试使用内置的 visibility 功能在 Semantic UI 框架中创建无限滚动的 Masonry 布局。

除了让 Masonry 在添加新项目后重新布局所有内容之外，一切似乎都在工作。

我做了一个 jsfiddle：https://jsfiddle.net/erland/pdb5j09o/

据我从 Masonry 文档中得知，我只需在添加新项目后致电 $grid.masonry('layout');，对吧？

我在这里缺少什么？我不应该在组合中使用 imagesLoaded 吗？我应该改用 Masonry's append 工作吗？

提前致谢！

Answer 1

好的，答案很明显，我基本上在问题的最后回答了自己 - 你需要使用 Masonry 附加功能而不是布局：

$masonrygrid.append( $content )
.masonry( 'appended', $content );

显示它工作的新小提琴：https://jsfiddle.net/erland/jv0o6pue/

但既然我已经解决了这个问题，那么在每个可见性触发器上添加一整行（即 4 x $content）的最佳方法是什么？