WordPress AJAX Load More function duplicando uma postagem

Estou tentando criar uma function para carregar mais posts via AJAX clicando em um botão na página do meu blog. A página do blog inicialmente carrega 9 postagens como esta:

 'post', 'posts_per_page' => $postsPerPage ); $loop = new WP_Query($args); while ($loop->have_posts()) : $loop->the_post(); ?> 

Então eu tenho a seguinte function no meu arquivo de funções:

 function more_post_ajax(){ $ppp = (isset($_POST["ppp"])) ? $_POST["ppp"] : 9; $page = (isset($_POST['pageNumber'])) ? $_POST['pageNumber'] : 0; header("Content-Type: text/html"); $args = array( 'suppress_filters' => true, 'post_type' => 'post', 'posts_per_page' => $ppp, 'paged' => $page, ); $loop = new WP_Query($args); $out = ''; if ($loop -> have_posts()) : while ($loop -> have_posts()) : $loop -> the_post(); $out .= '

'; endwhile; endif; wp_reset_postdata(); die($out); } add_action('wp_ajax_nopriv_more_post_ajax', 'more_post_ajax'); add_action('wp_ajax_more_post_ajax', 'more_post_ajax');

E o seguinte Javascript para carregar mais postagens no clique de um botão:

 function load_posts(){ pageNumber++; var str = '&pageNumber=' + pageNumber + '&ppp=' + ppp + '&action=more_post_ajax'; $.ajax({ type: 'POST', dataType: 'html', url: theme.ajaxurl, data: str, success: function(data) { var $data = $(data); if($data.length){ $('.posts').append($data); } }, error : function(jqXHR, textStatus, errorThrown) { $loader.html(jqXHR + " :: " + textStatus + " :: " + errorThrown); } }); return false; } 

Tudo isso funciona bem em termos de carregar mais postagens, o único problema é que a última publicação da carga inicial é duplicada quando você carrega mais postagens para que seja na 9ª e 10ª posição. Alguma ideia de como resolver isso?

Solutions Collecting From Web of "WordPress AJAX Load More function duplicando uma postagem"