我在wordpress部分问这个问题,但是当我求助时,我似乎从来没有得到任何答案,所以我想我会尝试主要部分,这总是很有用。
我有点问题。我已经安装了Infinite-Scroll插件并且遇到了问题。
首先,所有这些都是“没有额外的帖子”,事实上,还有其他帖子。我怀疑这与我在主页上的分页有关。由于这个想法,我停用了插件并测试了我的分页,果然,它不起作用。所以,我开始思考......好吧,也许我需要将其设置为静态主页并将其称为一天。
我这样做了。
分页工作。
但是,现在,我激活Infinite-Scroll并且它无法正常工作。正常的分页出现了。
所以,我很茫然。我需要在静态主页上进行无限滚动,或者在常规主页上修复分页,以便无限滚动正常工作。
我的代码如下......
页面结构:
<!-- main section -->
<section>
<div class="results">
<h2>Latest From The Network</h2>
<div id="results">
<?php get_template_part( 'loop' ); ?>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</section>
<!-- /section -->
循环:
<?php
if ( get_query_var('paged') ) {
$paged = get_query_var('paged');
} elseif ( get_query_var('page') ) {
$paged = get_query_var('page');
} else {
$paged = 1;
}
$args = array(
'post_type' => 'results', // it's default, you can skip it
'posts_per_page' => '6',
'order_by' => 'date', // it's also default
'paged' => $paged
);
$wp_query = new WP_Query( $args );
?>
<?php if (have_posts()) : while( $wp_query->have_posts() ) : $wp_query->the_post(); ?>
<div class="results-item">
<!-- article -->
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<!-- post thumbnail -->
<img src="<?php echo get('results_image'); ?>" />
<!-- /post thumbnail -->
</article>
<!-- /article -->
</div>
<?php endwhile; ?>
<!-- pagination -->
<div class="pagination">
<?php html5wp_pagination(); ?>
<div class="clear"></div>
</div>
<!-- /pagination -->
<?php endif; ?>
那么,你说什么呢?我似乎无法解决任何问题。这太令人沮丧了。我不介意有一个静态的主页,但老实说,如果需要,我宁愿不要。也就是说,我认为最容易修复(如果有的话)将设置一个静态主页,并以某种方式强制无限滚动识别页面本身。
无论如何,我们非常感谢任何指导!
答案 0 :(得分:0)
我认为这与您的分页参数有关。同样,当您尝试显示过帐金额时,该数字需要设置为整数而不是字符串。在下面为您的循环尝试一下,看看是否有帮助。我可以让它正常工作,如果还很挑剔的话,请保持警惕。
循环:
<?php
$paged = ( get_query_var( 'page' ) ) ? get_query_var( 'page' ) : 1;
$args = array(
'post_type' => 'results',
'posts_per_page' => 6,
'order_by' => 'date',
'paged' => $paged
);
$the_query = new WP_Query($args); ?>
<?php
while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="results-item">
<!-- article -->
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<!-- post thumbnail -->
<img src="<?php echo get('results_image'); ?>" />
<!-- /post thumbnail -->
</article>
<!-- /article -->
</div>
<?php endwhile; ?>
<div class="pagination">
<?php next_posts_link( 'Older Entries', $the_query->max_num_pages ); ?>
</div>
<?php wp_reset_postdata(); ?>
JS:
$('.results-item').infiniteScroll({
path: '.pagination a',
append: 'article',
prefill: true,
history: false,
hideNav: '.pagination',
scrollThreshold: true,
status: '.page-load-status',
});
编辑:刚意识到这是4年前发布的。希望对别人有帮助。