2011-09-05 53 views
1

当我将新项目追加到我的砌体容器时,它们被添加到左上角,然后飞入位置。但是,在砌体网站上的this example中,新元素出现在底部。使用jQuery Masonry IsAnimatedFromBottom

它说,在演示中介绍了演示“利用了IsAnimatedFromBottom标志”,但看代码,我不能看到它:

<script> 
    $(function(){ 

    var $container = $('#container'); 

    $container.imagesLoaded(function(){ 
     $container.masonry({ 
     itemSelector: '.box', 
     columnWidth: 100 
     }); 
    }); 

    $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); 
     }); 
     } 
    ); 

    }); 
</script> 

也在考虑上市options它不” t似乎被列出,所以有人知道这是如何使用?

回答

2

对不起,总是找到答案,只要我发布!该标志是不是配置设置,但附加的方法

.masonry('appended', $content, isAnimatedFromBottom) 
3

参数在和这个自己有些麻烦。我觉得你真的想将该标志设置为true,所以不是

.masonry('appended', $content, isAnimatedFromBottom) 

你想

.masonry('appended', $content, true)