serovpochta
@serovpochta
Лысый

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

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

ЗДЕСЬ

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

документация бесконечного скролла
документация 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

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

Что не так уже не знаю..
Взгляните пожалуйста
  • Вопрос задан
  • 189 просмотров
Решения вопроса 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
});

});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы