无限滚动/分页问题

时间:2014-12-15 14:23:52

标签: wordpress pagination infinite-scroll

我在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; ?>

那么,你说什么呢?我似乎无法解决任何问题。这太令人沮丧了。我不介意有一个静态的主页,但老实说,如果需要,我宁愿不要。也就是说,我认为最容易修复(如果有的话)将设置一个静态主页,并以某种方式强制无限滚动识别页面本身。

无论如何,我们非常感谢任何指导!

1 个答案:

答案 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年前发布的。希望对别人有帮助。