Подгруженным превью в сетке masonry не назначаются положения в блоке?

Question

[Чёкатилло]

Новоподгруженные превью лепятся куда попало

ЗДЕСЬ

начните скроллить

документация бесконечного скролла
документация masonry

код index.php:

<?php get_header(); ?>

<div id="content"><div class="popup-loader"></div>
<div id="content_masonry">
		<?php if ( have_posts() ) {  while ( have_posts() ) { the_post(); ?>
				<?php get_template_part('loop'); ?>
			<?php } ?>
		<?php } ?>
    <div id="page-nav"><?php next_posts_link() ?></div>
</div>
</div>
<?php get_sidebar();  ?>
<?php get_footer();  ?>

Скрипт, который все это чудо творит:

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

  var $container = $('#content_masonry');
  $container.imagesLoaded( function() {
    $boxes.fadeIn();
    $( ".popup-loader" ).hide();

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


var msnry = $container.data('masonry');

$container.infiniteScroll({
  path: '#page-nav a',
  append: '.loop',
  outlayer: msnry,
  history: false
});

Подобные вопросы:
https://toster.ru/q/58656
https://toster.ru/q/372505
https://toster.ru/q/463268

Там есть какие-то решения но я не понимаю в скриптах
Художник я )

Что не так уже не знаю..
Взгляните пожалуйста

Answer 1

[Shakez]

$(function () {

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

  var $container = $('#content_masonry');
  $container.imagesLoaded( function() {
    $boxes.fadeIn();
    $( ".popup-loader" ).hide();

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


var msnry = $container.data('masonry');

$container.infiniteScroll({
  path: '#page-nav a',
  append: '.loop',
  outlayer: msnry,
  history: false
});

});

Comments

[Чёкатилло]

о май гат Заработало =)
Мистер, благодарю Вас

[Shakez]

Dziro на freelance, если что.

[Чёкатилло]

Shakez, да обращался Вы опередили )

А вот первые посты появляются через:

$boxes.fadeIn(100);

И это работает когда в стилях превью в display: none изначально

Но последующие подгруженные превью уже не выходят из display: none
Мне в этом же скрипте можно внести изменения или надо кидать себе на хост сам скрипт и модернизировать его?

[Shakez]

Kiberbot, skype dziroo telegram @Dzirosh