Wordpress AJAX 加载更多按钮

Question

我刚刚找到了这个脚本https://github.com/tokmak/wp-load-more-ajax，我想将它添加到我的模板中。很好，我将functions.php中的脚本添加到我的模板functions.php中，将js文件复制到我的模板文件夹中并添加从 your_template.php 到显示我的帖子的模板页面的那一行，按钮出现但它不起作用..

我已经加载了每个文件，我检查了但它仍然什么也没做..

<?php if (have_posts()) : while ( have_posts() ) : the_post(); ?>
            <div class="post-box">      
                <div style="float:left; margin-bottom: 10px; padding-right:20px;"> <?php if ( has_post_thumbnail() ) { echo get_the_post_thumbnail($post->ID); } else { echo my_post_thumbnail_html(); } ?> </div>
                <div class="post-title"><a href="<?php the_permalink(); ?>"> <?php the_title(); ?> </a></div>           
                <div class="post-content"> <?php excerpt(10); ?> </div>
                <br clear="all" />      
            </div>
        <?php endwhile; ?>
            <a class="load_more" data-nonce="<?php echo wp_create_nonce('load_posts') ?>" href="javascript:;">Load more</a>         
        <?php else : ?>
            <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
        <?php endif; wp_reset_query(); ?>       

这是我的代码..我不知道该怎么做..

Answer 1

您必须有一个已加载的内容模板。 一次，您创建一个模板并使用此模板添加新页面。您的页面链接示例：http://localhost.dev/?page_id=1453 此模板仅包含 post 循环。您可以使用 $_GET 参数（数字帖子、类别等）开发此模板

function loadMore(e, numberposts) {
    $('.show-more', e).text('Loading...');
    $('<div>').load('<?php echo get_bloginfo('template_url'); ?>/get_loop_template.php?s=' + numberposts, function(r) {
        $('.list-articles .btn-getmore').remove();
        $('.list-articles').append(r);
    });
}

此功能获取您的帖子，删除当前的“getmore-button”而不是插入帖子并添加新的“getmore-button”。