javascript - 手动触发无限滚动

标签 javascript wordpress infinite-scroll

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

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

最佳答案

假设您正在使用this plugin ,以下应该可以手动触发检索:

$container.infinitescroll('retrieve');

关于javascript - 手动触发无限滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14860335/

相关文章:

javascript - div 容器内的 Slick-Slider 图像不会根据窗口大小调整大小

javascript - $state.go 没有获取模板

php - WordPress:函数声明 WC_Gateway_PayPal_Pro_PayFlow::get_post_data($order) 应该与 WC_Settings_API::get_post_data() 兼容

WordPress迁移到本地环境

javascript - React Infinite Scroll 超出最大更新深度

javascript - 当 div 处于事件状态时更改按钮背景图像

javascript - 替代已弃用的 RegExp.$n 对象属性

wordpress - 注销 Wordpress 并重定向到不同的 URL

javascript - Div 滚动结束检测无法一致工作

ios - 重新加载数据时 TableView 闪烁