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

Question

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

Кажется, все работает, за исключением того, что 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 х $content) на каждом триггере видимости?