私のホームページで私は私が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; ?>
次の投稿へのリンクは、あなたがajaxを使用しているのではないので、やや意味がありません。 あなたの他の質問に対する答えからのコードを見てください 私はどのようにクエリをページ分割していますか -
var postoffset = $('.post').length;
これは、ページ上の投稿数をカウントして、それをオフセットとして渡します。あなたの場合は.box
になります。それをクエリに入れると、その番号から始まる投稿が返されます。
$offset = $_POST['postoffset'];
$args = array(
'offset' => $offset,
'posts_per_page' => 10
);
$wp_query = new WP_Query( $args );
そのように私はちょうどより多くの記事をロードするために同じボタンを使うことができます、それはただ何度もページにある記事をチェックしながら同じ機能を繰り返し呼び出します。