“加載更多”按鈕需要向服務器發送ajax請求,并且可以使用jQuery或純JavaScript將返回的數據添加到現有內容中.假設您使用jQuery,這將啟動代碼.

自定義Ajax處理程序(客戶端)

Load More

改成：

Load More

Javascript： – 把它放在文件的底部.

//

var ajaxUrl = "<?php echo admin_url('admin-ajax.php')?>";

var page = 1; // What page we are on.

var ppp = 3; // Post per page

$("#more_posts").on("click",function(){ // When btn is pressed.

$("#more_posts").attr("disabled",true); // Disable the button, temp.

$.post(ajaxUrl, {

action:"more_post_ajax",

offset: (page * ppp) + 1,

ppp: ppp

}).success(function(posts){

page++;

$(".name_of_posts_class").append(posts); // CHANGE THIS!

$("#more_posts").attr("disabled",false);

});

});

//

自定義Ajax處理程序(服務器端)

PHP – 將它放在functions.php文件中.

function more_post_ajax(){

$offset = $_POST["offset"];

$ppp = $_POST["ppp"];

header("Content-Type: text/html");

$args = array(

'post_type' => 'post',

'posts_per_page' => $ppp,

'cat' => 1,

'offset' => $offset,

);

$loop = new WP_Query($args);

while ($loop->have_posts()) { $loop->the_post();

the_content();

}

exit;

}

add_action('wp_ajax_nopriv_more_post_ajax', 'more_post_ajax');

add_action('wp_ajax_more_post_ajax', 'more_post_ajax');

總結

以上是生活随笔為你收集整理的?php $postsperpage=9;?,php – 如何在自定义WP_Query Ajax上实现分页的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。