无限滚动应用于AJAX加载的内容

时间:2014-02-04 作者:Jaypee

我正在对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:如果你需要看看真正的脚本,请告诉我,我会提供。

1 个回复
最合适的回答,由SO网友:Jaypee 整理而成

对于那些可能有同样问题的人,我在这里找到了答案:

http://www.powerhour.at/devblog/reset-jquery-infinitescroll-after-ajax-call/

我希望这能帮助别人。

结束

相关推荐

Wordpress Jquery UI Spinner

我正在尝试在插件中使用jquery ui微调器。我在谷歌上搜索了一下,但没有找到任何可以帮助我解决问题的参考资料。文档中也未写入http://codex.wordpress.org/Function_Reference/wp_enqueue_script. 也不仅仅是这个词spinner. wordpress(3.8.1)的当前版本是否在其库中包含jquery ui微调器?如果是,如何在插件上使用它?致以最诚挚的问候:)