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此模板僅包含循環后。 您可以使用$ _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-buton”，而不是插入帖子，並添加新的“ getmore-buton”。