Ajax实现WordPress移动端文章列表页无限下拉加载

//ajax加载文章列表
add_action('wp_ajax_nopriv_ajax_index_post', 'ajax_index_post');
add_action('wp_ajax_ajax_index_post', 'ajax_index_post');
function ajax_index_post(){
    $paged = $_POST["paged"];
    $total = $_POST["total"];
    $args = array(
        'post_type' => 'post',
        'posts_per_page'=>get_option('posts_per_page'),
        'paged' => $paged,
        'orderby' => 'date',
    );
    $the_query = new WP_Query($args);
    while ( $the_query->have_posts() ){
        $the_query->the_post();
        echo 
            '<li><a href="'.get_the_permalink().'" title="'.get_the_title().'">"'.get_the_title().'"</a></li>';
    }
    wp_reset_postdata();
    if ( $total > $paged ) echo '<a id="show-more" href="javascript:;" data-total="'.$total.'" data-paged = "'.($paged+1).'" class="show-more m-feed–loader">上拉加载更多</a>';
    die();
}

//ajax无限加载文章列表按钮
function ajax_show_more_button(){
    if( 2 > $GLOBALS["wp_query"]->max_num_pages){
        return;
    }
    echo '<a id="show-more" href="javascript:;" data-paged = "2" data-total="'.$GLOBALS["wp_query"]->max_num_pages.'" class="show-more m-feed–loader">上拉加载更多</a>';
}

<ul class="jubenlists">
    <?php 
    $args = array(
        'post_type' => 'post',
        'posts_per_page'=>get_option('posts_per_page'),
        'orderby' => 'date',
    );
    $args['tax_query'] = array();
    query_posts($args);?>
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
        <li>
            <a href="<?php%20the_permalink();?>" title="<?php the_title();?>">
                <?php the_title();?>
            </a>
        </li>
    <?php endwhile; else: ?>
        <p class="nojuben">没有找到相关内容</p>
    <?php endif; ?>
    <?php ajax_show_more_button();?>//这里就是主要的地方，正常的分页这里是用的分页函数，而我们需要使用的是定义的ajax函数
</ul>

<script type="text/javascript">
    var H = false;
    jQuery(window).scroll(function(i) {
        if (jQuery("#show-more").length > 0) {
            var q = jQuery(window).scrollTop(),
            p = jQuery("#show-more").offset().top,
            $this = jQuery("#show-more");
            if (q + jQuery(window).height() >= p && H != true) {
                var paged = $this.data("paged"),
                total = $this.data("total");
                var ajax_data = {
                    action: "ajax_index_post",
                    paged: paged,
                    total: total
                };
                H = true;
                $this.html('加载中…').addClass('is-loading')
                jQuery.post('/wp-admin/admin-ajax.php', ajax_data,
                function(data) {
                    jQuery('#show-more').remove();
                    H = false;
                    jQuery(".jubenlists").append(data);//这里是包裹文章的容器名
                });
                return false;
            }
        }
    })
</script>