Wordpress AJAX加载更多按钮


Wordpress AJAX Load More Button

我刚刚找到这个脚本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(); ?>       

这是我的密码。。我不知道该怎么办。

您必须有一个已加载的内容模板。创建一个模板并使用该模板添加新页面。您的页面链接示例: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"。