Семантическая видимость пользовательского интерфейса + макет бесконечной прокрутки Masonry

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

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

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

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

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

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


javascript jquery semantic-ui masonry imagesloaded
person Erland    schedule 18.09.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

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

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

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

person Erland    schedule 19.09.2018