砌体+无限滚动加载

时间:2012-04-23 00:02:22

标签: infinite-scroll

我有这个代码:mansory +无限滚动jquery插件来显示一些框。 但是当我打开我的页面时,当我滚动页面而不是在页面末尾时,下载内容的加载开始了。我错了什么?

        $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

            // enable debug messaging ( to console.log )
            loading: {
                finishedMsg: 'Pagine da caricare terminate.',
                img: 'http://i.imgur.com/6RMhx.gif'
               }
              },
            // trigger Masonry as a callback
            function( newElements ) {
               // hide new items while they are loading
              var $newElems = $( newElements ).css({ opacity: 0 });
              // ensure that images load before adding to masonry layout
              $newElems.imagesLoaded(function(){
                // show elems now they're ready
                $newElems.animate({ opacity: 1 });
                $container.masonry( 'appended', $newElems, true ); 
              });
             }
          );

1 个答案:

答案 0 :(得分:0)

$container.masonry( 'appended', $newElems, true );应改为 $container.append( $newElems ).masonry( 'appended', $newElems, true ); 意味着...项目应首先添加到容器中。