Javascript ajax infinate滚动以预加载内容

我有一个infinate滚动函数，通过ajax加载数据。我想提前加载下一组数据或至少图像-预加载下一页内容

我尝试添加.load而不是.ajax，但它似乎仍然直接加载数据，而不是从“缓存”版本加载数据

任何想法都值得赞赏

jQuery(document).ready(function($) {
        var count = 2;
        var total = <?php echo $wp_query->max_num_pages; ?>;
        var ready = true; //Assign the flag here
        var processing;

        $(window).data('ajaxready', true).scroll(function() {
                if ($(window).data('ajaxready') == false) return;

                if  ($(window).scrollTop() == ($(document).height() - $(window).height())){
                    $(window).data('ajaxready', false);
                    if (count > total){
                        return false;
                    }else{
                        loadArticle(count);
                    }
                    count++;
                    }

        });

        function loadArticle(pageNumber){
              $('a#inifiniteLoader').show('fast');
                $.ajax({
                    url: "<?php bloginfo('wpurl') ?>/wp-admin/admin-ajax.php",
                    type:'POST',
                    data: "action=infinite_scroll&page_no="+ pageNumber + '&loop_file=loop',
                    success: function(html){
                      $('a#inifiniteLoader').hide('1000');
                      $(".newsfeed").append(html);   // This will be the div where our content will be loaded
                      console.log('fire');
                    //stop multiple firing
                      $(window).data('ajaxready', true);
                    }
                });
            return false;
        }

})

首先我要说什么是无限卷轴：

传统上，用户必须单击下一页或上一页才能访问较旧的帖子内容。然而，最近有 年，facebook和twitter等热门网站掀起了一股新潮流 一旦用户点击，他们会自动加载下一页内容 柱子的底部。这项技术已被证明是一种增长 由于新内容加载，用户在页面上花费的时间 自动地

如何在WordPress中添加无限滚动

您需要做的第一件事是安装并激活

激活后，将在您的设置下添加一个新的菜单选项 选项卡称为无限滚动。在几乎90%的博客网站上，这 应在不更改单个设置的情况下工作。但是，如果您有 相对自定义设计的博客，那么你需要调整 “选择器”。进入插件的设置页面，点击选择器 标签