jQuery Масонство IsAnimatedFromBottom в Wordpress

Question

Я в процессе создания темы Wordpress, которая использует jquery-kason, но для жизни меня не могу понять, как использовать метод append с isAnimatedFromBottom. Ниже приведен код, который я использую в настоящее время. Я пытаюсь заставить это работать с бесконечным прокруткой jetpack.

Любое понимание или помощь приветствуются.

jQuery(document).ready(function($) { 
var $container = $('#content'); 

$container.imagesLoaded(function(){ 
    $container.masonry({ 
     itemSelector: '.post', 
     isAnimated: true, 
     animationOptions: { 
      duration: 300, 
      easing: 'linear', 
      queue: false 
     } 
    }); 
}); 

});

Answer 1

Если вы хотите, чтобы новые элементы появлялись внизу, а не появлялись в верхнем левом углу, а затем вставлялись в положение. вы должны использовать флаг isAnimatedFromBottom для добавленного метода. например

var isAnimatedFromBottom = true; 
.masonry('appended', $content, isAnimatedFromBottom); 

приведенный ниже код является примером для infinitescroll ..

$container.infinitescroll({ 
    navSelector : '#page-nav', // selector for the paged navigation 
    nextSelector : '#page-nav a', // selector for the NEXT link (to page 2) 
    itemSelector : '.box',  // selector for all items you'll retrieve 
    loading: { 
     finishedMsg: 'No more pages to load.', 
     img: 'http://i.imgur.com/6RMhx.gif' 
    } 
    }, 
    // trigger Masonry as a callback 
    function(newElements) { 
    var $newElems = $(newElements); 
    // ensure that images load before adding to masonry layout 
    $newElems.imagesLoaded(function(){ 
     $container.masonry('appended', $newElems, true); 
    }); 
    } 
);