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);
    });
}

此功能可以获取您的帖子，删除当前＆＃34; getmore-buton＆＃34;比插入帖子并添加新的＆＃34; getmore-buton＆＃34;。

Wordpress AJAX加载更多按钮

1 个答案: