2013-02-13 399 views
0

我正在使用以下代码触发同位素砌体上的infinitescroll,但是如何使用“单击以加载更多帖子”,而不是“手动触发器”。我尝试从互联网上的解决方案实施,但他们不适合我。谢谢。手动触发infinitescroll

/*--------------------------------------------------------------------------------*/ 
/* infinitescroll 
/*--------------------------------------------------------------------------------*/ 
jQuery(document).ready(function($) { 
    var $container = $('.masonry'); 
    $container.imagesLoaded(function(){ 
    $container.isotope({ 
     itemSelector : '.item' 
    }); 
}); 
$container.infinitescroll({ 
     // selector for the paged navigation 
     navSelector : '.post-nav',  
     // selector for the NEXT link (to page 2) 
     nextSelector : '.post-nav .prev-post a', 
     // selector for all items you'll retrieve 
     itemSelector : '.item',  
     loading: { 
      finishedMsg: 'No more pages to load.', 
      img: 'http://i.imgur.com/qkKy8.gif' 
     } 
    }, 
    function(newElements) { 
     var $newElems = $(newElements).css({ opacity: 0 }); 
     $newElems.imagesLoaded(function() { 
      $newElems.animate({ opacity: 1 }); 
      $container.isotope('appended', $(newElements)); 
      $container.isotope('reLayout'); 
     }); 
    }); 
}); 
+0

'$ container.infinitescroll( '找回');'? – BenM 2013-02-13 18:47:46

回答

5

假设你正在使用this plugin,下面应该工作手动触发检索:

$container.infinitescroll('retrieve');