1

标题几乎说明了这一点。我有一个砖石图像布局，想用 InfiniteScroll 动态加载新闻内容。Buch 新项目再次位于左上角。

链接：http ://thomasmaier.me/2g12b/

这是一个 Wordpress 安装，InfiniteScroll 是一个插件，而 Masonry 是硬编码的。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="<?php bloginfo('template_url'); ?>/js/jquery.masonry.min.js"></script>

<script>


  $(function(){

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

    $container.imagesLoaded(function(){
      $container.masonry({
        itemSelector: '.post'
      });
    });

    $container.infinitescroll({
      navSelector  : '.navigation',    // selector for the paged navigation 
      nextSelector : '.navigation .alignleft a',  // selector for the NEXT link (to page 2)
      itemSelector : '.post'
      },
      function( newElements ) {
        var $newElems = $( newElements ).css({ opacity: 0 });
        $newElems.imagesLoaded(function(){
          $newElems.animate({ opacity: 1 });
          $container.masonry( 'appended', $newElems, isAnimatedFromBottom ); 
        });
      }
    );

  });


</script>

我尽我所能，在这里搜索，查看这里的帮助部分http://masonry.desandro.com/demos/infinite-scroll.html但它不起作用。

你能帮我吗？

4

0 回答 0