ajax按钮将不会显示

时间:2017-01-11 19:24:41

标签: php jquery ajax wordpress button

在我的一个页面上,我的帖子连续排成3行。我想在每6个帖子后出现一个加载更多按钮。我已经设置了我的代码,以便它会在每6个帖子后出现,但它根本不显示。有人看到错误吗?提前谢谢。

由于按钮是通过插件运行的,我唯一需要添加的是div id="ajax"和结束div,然后将load_more_button();放在我想要的位置。

插件就在这里 - https://wordpress.org/plugins/easy-load-more/ 但是我不认为它与实际的插件文档有关,因为我在我的网站的首页上也使用了更多加载按钮,它工作正常。

<?php
get_header();
get_template_part ('inc/carousel-food');

$the_query = new WP_Query( array(
    'posts_per_page' => 6,
    'paged' => get_query_var('paged', 1),
    'cat' => 10,
 ));

if ( $the_query->have_posts() ) {

    // display #ajax wrapper only if we have posts
    echo '<div id="ajax"><div class="row">';
    $i = 0;
    while($the_query->have_posts()) {
          $the_query->the_post(); ?>

                <?php
                   if($i % 3 == 0) {
                     echo '</div><div class="row">';
                   }
                ?>

                <div class="col-md-4">
                    <article <?php post_class(); ?> >
                        <?php the_post_thumbnail('medium-thumbnail'); ?>
                            <h2><a class="post-title" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                            <p class="post-excerpt"><?php echo get_the_excerpt(); ?></p>
                            <?php get_template_part( 'share-buttons' ); ?>
                            <a class="moretext" href="<?php the_permalink(); ?>">Read more</a>
                            <?php comments_popup_link ('No Comments', '1 Comment', '% Comments', 'comment-count', 'none'); ?>
                    </article>
                </div>

    <?php $i++; }//end while

    echo '</div></div>'; // close the #ajax wrapper after the post list

    if(get_query_var('paged') < $the_query->max_num_pages) {
        load_more_button();
    }


} else { // if there are no posts

    echo '<p>Sorry, no posts matched your criteria.</p>';

}//end if

get_footer();
?>

0 个答案:

没有答案