Semantic UI видимость + Masonry бесконечный макет прокрутки

Question

Я пытаюсь создать макет бесконечной прокрутки Masonry в Семантическом интерфейсе пользователя , используя встроенную функцию visibility .

Кажется, все работает, за исключением того, что Masonry перекомпоновал все после добавления новых элементов.

Я сделал jsfiddle: https://jsfiddle.net/erland/pdb5j09o/

Насколько я могу судить поДокументы по масонству, все, что мне нужно сделать, это позвонить $grid.masonry('layout'); после добавления нового предмета, верно?

Что мне здесь не хватает?Разве я не должен использовать imagesLoaded в комбо?Должен ли я вместо этого работать в приложении Масонри?

Заранее спасибо!

Answer 1

ОК, ответ довольно очевиден, я в основном ответил сам в конце вопроса - вам нужно использовать функцию добавления Masonry вместо макета:

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

Новая скрипка показывает, что она работает:https://jsfiddle.net/erland/jv0o6pue/

Но теперь, когда я с этим разобрался, как лучше всего добавить целую строку (т.е. 4 x $content) в каждом триггере видимости?