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

时间:2018-09-18 23:47:50

标签: javascript jquery semantic-ui masonry imagesloaded

我正在尝试使用内置的 visibility 函数在语义UI 框架中创建无限滚动的 Masonry 布局。 / p>

除了让Masonry在添加新项目后重新布局所有东西之外,所有事情似乎都可以正常工作。

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

据我从Masonry文档中得知,我要做的就是在添加新项目后致电$grid.masonry('layout');,对吗?

我在这里想念什么?我应该不使用组合中的imagesLoaded吗?我应该代替砌体工吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

好的,答案很明显,我基本上在问题末尾回答了自己-您需要使用Masonry附加函数而不是布局:

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

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

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