web-dev-qa-db-ja.com

next_posts_linkがajaxで呼び出されたループに対して機能しない

私のホームページで私は私がajax検索結果と他のカスタムループによって置き換えられることを許す投稿のループを表示します。それらの結果はcustom wp_queryと共にテンプレートで返されます。問題は、検索ループでnext_posts_linkが2ページ目の正しいリンクを返さないことです。私が手に入れたのはhttp://mysite.com/wp-admin/admin-ajax.php?paged=2へのリンクです。以下は、結果を返すために使用した全体の設定です。正しいページ区切りを取得するには、何を変更する必要がありますか?

//スクリプト

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

});

//クエリパラメータを渡す関数

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

//カスタム検索クエリ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; ?>
4
Pollux Khafra

次の投稿へのリンクは、あなたがajaxを使用しているのではないので、やや意味がありません。 あなたの他の質問に対する答えからのコードを見てください 私はどのようにクエリをページ分割していますか -

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

これは、ページ上の投稿数をカウントして、それをオフセットとして渡します。あなたの場合は.boxになります。それをクエリに入れると、その番号から始まる投稿が返されます。

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

そのように私はちょうどより多くの記事をロードするために同じボタンを使うことができます、それはただ何度もページにある記事をチェックしながら同じ機能を繰り返し呼び出します。

3
Milo