Question

我有一个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;
        }

}）;

Answer 1

首先我应该说什么是无限滚动：

传统上，用户必须点击下一页或上一页才能访问较旧的帖子内容。但是，最近有流行网站（如facebook和twitter）开始的新趋势一旦用户点击它们就会自动加载下一页内容帖子的底部。事实证明，这种技术有所增加由于新内容加载，用户在页面上花费的时间自动。

如何在WordPress中添加无限滚动

您需要做的第一件事是安装并激活Infinite Scroll plugin.

激活后，您的设置下会添加一个新的菜单选项   标签名为Infinite Scroll。在近90％的博客网站上，这个   应该在不改变单一设置的情况下工作但是，如果你有一个   相对定制设计的博客，那么你将需要调整   “选择器”。转到插件的设置页面，然后单击选择器   标签

plugin

Documentation 1

documentation 2

ajax无限滚动预加载内容

1 个答案: