Question

我正在做一个WP_Query让我们说page-a.php，该页面有一个名为target的div，其中page-b.php被加载到其中。 Page-a是自定义模板，page-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页上我只包括＆lt;发布＆gt;和＆lt;分页＆gt;在常规的wp循环中进行div。

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

     });

- 如果我在页面上调用该脚本-a.php将仅对其起作用，一旦将page-b内容放在

上

- 如果我在page-a.php和page-b.php上调用它首先工作，然后当第一个ajax内容被加载然后（如果我应用新的过滤器）它将无法工作。

- 如果我在我的ajax响应函数上调用脚本它将工作一次，然后如果我应用另一个过滤器并且目标div刷新内容，我得到

未捕获的TypeError：无法调用null的方法'appendTo'

页面上存在名为（.target和.post）的div类。

我到底做错了什么。感谢。

PS：如果您需要查看真实的脚本，请告诉我，我会提供。

Answer 1

我认为你需要这个：http://www.247techblog.com/implement-infinite-scroll-functionality-wordpress-wp-ajax-function/ 只需要调用一个wp ajax函数

无限滚动ajax加载的内容

1 个答案: