我正在对page-a.php进行WP\\u查询,该页面有一个名为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>
</div>
endwhile
<div class="pagination"></div>
</div>
</div>
</body>
在第b页中,我仅包括<;发布>和(<);常规wp循环中的分页>divs。
现在,jQuery:
$(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");
}
);
});
-如果我在page-a上调用该脚本,那么一旦将page-b内容放在
-如果我先调用page-a.php和page-b.php,它就会工作,然后在加载第一个ajax内容时(如果我应用了新的过滤器),它就不会工作。
-如果我在ajax响应函数上调用脚本,它只会工作一次,然后如果我应用另一个过滤器,并且目标div刷新内容,我会得到
未捕获的TypeError:无法调用null的方法appendTo
页面上存在名为(.target和.post)的div类。
我到底做错了什么。谢谢
PS:如果你需要看看真正的脚本,请告诉我,我会提供。