0

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

/*--------------------------------------------------------------------------------*/
/*  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');
        });
    });
});
4

1 回答 1

5

假设您正在使用这个插件,以下应该可以手动触发检索:

$container.infinitescroll('retrieve');
于 2013-02-13T18:48:49.197 回答