next_posts_link não está funcionando para loop chamado com ajax

Question

next_posts_link não está funcionando para loop chamado com ajax

#1 resposta do Milo (3 votos)

4

Na minha página inicial, exibo um loop de postagens que permito serem substituídas por resultados de pesquisa ajax e outros loops personalizados. Esses resultados são retornados em um modelo com um custom wp_query . O problema é que next_posts_link não está retornando o link correto da página 2 para o loop de pesquisa. O que obtenho é um link para http://mysite.com/wp-admin/admin-ajax.php?paged=2 . Abaixo está toda a configuração que eu uso para retornar os resultados. O que preciso alterar para obter a paginação correta?

// script

jQuery(document).ready(function($){
$('#searchsubmit').click(function(e){
    $('#boxes').empty();
    e.preventDefault();
    var search_val=$("#s").val();
    var $panel = $(this).closest(".panel-container").find(".panel");
    $.post(
        WPaAjax.ajaxurl,
        {
            action : 'wpa56343_search',
            search_val : search_val
        },
        function( response ) {
            $('#boxes').append( response ).masonry( 'reload' );
            $panel.hide("slow");
            $('.trigger').removeClass("active");
        }
    );
  });

});

// função para passar params de consulta

add_action('wp_ajax_wpa56343_search', 'wpa56343_search');
function wpa56343_search(){
 global $wp_query;
 $search = $_POST['search_val'];
 $args = array(
    's' => $search,
    'posts_per_page' => 10
 );
 $wp_query = new WP_Query( $args );

 get_template_part( 'search-results' );

exit;
}

// Pesquisa de pesquisa personalizada search-results.php

<?php
  while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>

   <------content----->

<?php endwhile; ?>

<?php if ( $wp_query->max_num_pages > 1 ) : ?>

<div class="infinitescroll">
  <?php next_posts_link( __( 'Load more posts', $wp_query->max_num_pages ) ); ?>
</div>

<script type="text/javascript">
 // Infinite Scroll
 var href = 'first';
 $(document).ready(function() {
$('#boxes').infinitescroll({
    navSelector : '.infinitescroll',
    nextSelector : '.infinitescroll a',
    itemSelector : '#boxes .box',
    loadingImg : '<?php echo get_bloginfo('stylesheet_directory') ?>/images/loading.gif',
    loadingText : 'Loading...',
    donetext : 'No more pages to load.',
    debug : false
}, function(arrayOfNewElems) {
    $('#boxes').masonry('appended', $(arrayOfNewElems));
    if (href != $('.infinitescroll a').attr('href'))
    {
        href = $('.infinitescroll a').attr('href');
    }
});
  });
 </script>
 <?php endif; ?>

wp-query ajax pagination

por Pollux Khafra 25.06.2012 / 13:03

1 resposta

Tags wp-query ajax pagination

Como usar o cache com o simplepie Procurando usuários com o plugin WP_List_Table

score 3 · Answer 1

O próximo link de postagens é um tanto inútil já que você está paginando com ajax, não? dê uma olhada no código da resposta à sua outra pergunta sobre como eu pagino a consulta -

var postoffset = $('.post').length;

que conta quantas postagens estão na página e depois eu passo isso como o deslocamento. no seu caso, seria .box . quando eu coloco isso na consulta, eu recebo postagens começando naquele número:

$offset = $_POST['postoffset'];
$args = array(
    'offset' => $offset,
    'posts_per_page' => 10
);
$wp_query = new WP_Query( $args );

Dessa forma, posso usar o mesmo botão para carregar mais postagens, ele chama repetidamente a mesma função, verificando quantas postagens estão na página todas as vezes.