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

Question

我正在尝试使用内置的可见性功能在语义 UI框架中创建无限滚动砌体布局。

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

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

据我从 Masonry 文档中可以看出，我所要做的就是$grid.masonry('layout');在添加新项目后调用，对吗？

我在这里想念什么？我不应该在组合中使用 imagesLoaded 吗？我应该改为在 Masonry 的附件中工作吗？

提前致谢！

Answer 1

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

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

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

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