Проблема при подгрузке постов с помощью ajax + masonry сетка?

Question

[Чёкатилло]

В общем, наглядно - понятно бум

Просто скроллим вниз ииии..посты подгружаются в колонку
То есть, вообще масонри не подключается далее к процессу загрузки постов

Пользовался этим источником
Делал все по инструкции, как врач прописал

С подгрузкой кажется все в порядке, а вот масонри не врубается в тему =)
ну и я тож..

Может скрипт какой нужен...

Что это и как с этим бороться?
Спасибо за внимание!

Answer 1

[キム ファイブプラス]

Необходимо переинициализировать масонри каждый раз после ответа сервера.
В теории для красивого результата:
1. Загружаешь новые посты в скрытый контейнер.
2. Переинициализирует масонри с помощью $grid.masonry('reloadItems')
3. Показываешь скрытый контейнер.

Не читай все эти псевдоуроки дебильные, особенно когда есть подробнейшая оф. документация.
https://masonry.desandro.com/methods.html

И вообще у тебя сама верстка кривая. Блоки должны без js вставать в правильном положении. Масонри всего лишь задает им флоаты относительно друг друга.

Comments

[Чёкатилло]

мне нужно это? https://infinite-scroll.com/

[Чёкатилло]

Да вот же блин...блоки встают изначально не туда Вроде как это из за разных размеров изображений
Эт ваще беда

[Чёкатилло]

имеете ввиду, без вот этого скрипта масонри должно работать?

$(document).ready(function() {

  var $boxes = $('.loop');
  $boxes.hide();

  var $container = $('#content_masonry');
  $container.imagesLoaded( function() {
    $boxes.fadeIn();

    $container.masonry({
        itemSelector : '.loop',
        columnwidth: 300,
        gutter: 23,
        isFitWidth: true,
        isAnimated: !Modernizr.csstransitions
    });    
  });
});

[Чёкатилло]

у меня мансори срабатывает после как загрузятся изо
Не знаю что с этим делать