无限滚动重复发布

Question

我正在创建一个无限滚动的书籍（wordpress 帖子）。 如果你看到第一排的书是这个：

但是如果你向下滚动，在它“加载更多书籍”之后，这本书会再次出现。

所以它总是从一开始就加载书籍（wordpress 帖子），而不是连续加载帖子。

在books home上效果很好，您可以在 [此处][3] 看到。

问题是进入任意一本书后（single.php）

知道问题出在哪里，我该如何解决？

这是我正在使用的代码：

<div id="infinite-scroll">
<div id="infite-activities">
 <div class="row">
          <?php
            $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
          $args=array("post_type"=>"books","posts_per_page"=>"12");
           /*  $args["paged"]=( get_query_var( 'paged' ) ) ? absint( get_query_var( 'paged' ) ) : 1; */
            $args["paged"]=$paged;
            if(is_single())
                $args["orderby"]="date";
          $books=new WP_Query($args);
           while($books->have_posts()):$books->the_post();?>
          <div class="col-lg-3 col-md-3 col-xs-12 col-sm-3">
              <div class="book-grid-img">
                  <?php $default_attr = array('class'   => "img-responsive");?>
               <a href="<?php the_permalink();?>" title="<?php the_title();?>"> <?php the_post_thumbnail("books-grid",$default_attr);?></a>
              </div>
              <div class="box-desc-book">
                  <div class="book-title">
                     <?php the_title();?>
                     <span><?php the_field("autor");?></span>
                  </div>
              </div>
              <div class="book-download">
                   <a href="<?php the_permalink();?>">MORE INFO</a>
              </div>
          </div>
          <?php endwhile;?>

          <div class="pagination">
             <?php
                $big = 999999999; // need an unlikely integer

                echo paginate_links( array(
                    'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
                    'format' => '?paged=%#%',
                    'current' => max( 1, get_query_var('page') ),
                    'prev_text'    => __('« Previous'),
                    'next_text'    => __('Next »'),
                    'total' => $books->max_num_pages
                ) );
                ?>
         </div>

      </div>


<script>
jQuery('#infinite-scroll').infinitescroll({
    loading: {
    finishedMsg: "<em>No more books.</em>",
    msgText: "<em>Loading more books</em>"
    },
    navSelector     : "a.next",
    nextSelector    : "a.next",
    itemSelector    : "#infite-activities",
    debug           : true,
    dataType        : 'html',
    maxPage         : 5,
    path: function(index) {
        return "page/" + index + "/?test=1";
    }
}, function(newElements, data, url){

});
</script>

Answer 1

我相信它是您的分页（不是您正在打印的那个）和您正在调用的无限滚动 JavaScript 的组合。它可以在主页上运行，因为您正在执行的 ajax 请求是这样请求的：

http://www.example.com/resources/books/page/3/?test=1

但是，一旦您进入内部页面，请求就会变成这样：

http://www.example.com/books/many-molts-muchos/page/2/?test=1

所以您可以看到您不是向资源/书籍/区域发出请求，而是向书籍/many-molts-muchos/ 发出请求，这可能会混淆您的分页。尝试更新路径返回函数..

来自：

return "page/" + index + "/?test=1";

到：

return "<?php echo get_site_url(); ?>/resources/books/page/" + index + "/?test=1";

您也可以省略“?test”，使其看起来更像：

return "<?php echo get_site_url(); ?>resources/books/page/" + index;

Answer 2

您需要在 wp_query 中抵消您的参数。这告诉查询在比平常更晚的位置开始。偏移量应该是 $paged * $per_page

的变量

$args=array(
        "post_type"=>"books",
        "posts_per_page"=>"12",
        "offset" => "24" // or whatever (page * per_page) is equal to
);