jQuery砌体IsAnimatedFromBottom in Wordpress

Question

我正在制作一个使用jquery-masonry的wordpress主题，但对于我的生活我无法弄清楚如何在isAnimatedFromBottom中使用append方法。以下是我目前使用的代码。我试图让这个与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); 
    }); 
    } 
);