ajax加载内容上的无限滚动
我正在对page-a.php进行WP_查询，该页面有一个名为target的div，其中加载了page-b.php。a页是自定义模板，b页是存档页 例如，第A页上的结构：ajax加载内容上的无限滚动,ajax,wordpress,pagination,infinite-scroll,Ajax,Wordpress,Pagination,Infinite Scroll,我正在对page-a.php进行WP_查询，该页面有一个名为target的div，其中加载了page-b.php。a页是自定义模板，b页是存档页 例如，第A页上的结构： <body> <div id="wrap"> <div class="target"> while <div class="post"> <h1>Title</h1> <p>Description</p>
<body>
<div id="wrap">
<div class="target">
while
<div class="post">
<h1>Title</h1>
<p>Description</p>
</div>
endwhile
<div class="pagination"></div>
</div>
</div>
</body>
虽然
标题
描述
循环结束
$(window).load(function() {
$('.target').infinitescroll({
navSelector : ".navigation",
// selector for the paged navigation (it will be hidden)
nextSelector : ".navigation a.next",
// selector for the NEXT link (to page 2)
itemSelector : ".post",
// selector for all items you'll retrieve
debug : true,
loading: {
finishedMsg: '<div class="alert alert-info" style="margin-top:50px"><p class="center">All posts were loaded</p></div>',
img: '',
msg: null,
msgText: "<p style='text-align:center; margin-top:50px;'><i style='font-size:60px; color:#babfc8'class='fa fa-cog fa-spin'></i></p>"
}
}, function(arrayOfNewElems){
$('.post').animate({"opacity":"1","max-height":"150px","padding":"15px 8px"},800, "jswing");
}
);
});
$（窗口）.load（函数（）{
$（'.target'）.infinitescroll({
导航选择器：“.navigation”，
//分页导航的选择器（它将被隐藏）
下一个选择器：“.navigation a.next”，
//下一个链接的选择器（至第2页）
项目选择器：“.post”，
//将检索的所有项目的选择器
是的，
装载：{
finishedMsg:“所有帖子都已加载”，
img:“”，
msg:null，
msgText:“