jQuery Masonry 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); 
    }); 
    } 
);