wordpress中的Ajax分页只工作一次

Question

像往常一样，我在谷歌和这里做了很多搜索，但没有找到我想要的东西。

这是wordpress和ajax加载(分页)

我的页面上写着乔布斯猫。它与其他子猫有几个div，每个子猫都有自己的wp循环来获取包含特定子类别的帖子，如下所示

<div id="container">
    <div id="alljobs">
       <div id="posts">
            //wp loop #1
            //all jobs will be here from all cats; post title etc.
       </div><!--Posts -->
       <div id="alljobspagi">
       //the pagination for all jobs
       </div><!--alljobspagi -->
    </div><!--alljobs -->
    <div id="alljobspg">
       <div id="posts">
          //wp loop #2
          //all jobs will be here from pg cats; post title etc.
       </div><!--Posts -->
       <div id="alljobspgpagi">
          //the pagination for all jobs
       </div><!--alljobspgpagi -->
    </div><!--alljobspg -->
</div><!-- The container -->

现在，我想要的是当用户单击分页的"a“(标记为编号为1,2,3等)时，它会经过预防性默认()并加载divs和下一个页面帖子。

我已经成功地做了一个，但这在某种程度上是可行的，但不知为何行不通。我使用的js代码是is (在header.php btwn中)

$('div#alljobspgpagi a[href]').click(function(e) {
    e.preventDefault();
    var link = jQuery(this).attr('href');
  jQuery('div#alljobspgpagi').html('<center><b>Working on it Please Wait .......</b><br /><img src="http://localhost/preloader.gif"/></center>');
  jQuery('#alljobspg').load(link+' #alljobspg');
});

好的，上面的代码部分工作了。例如，如果我有两个页面进行分页，就像现在一样，我在第一页"1“上，它在活动类中(不可点击)，当我单击数字"2”(可点击a)进入第二页时，ajax工作，所有操作都没有错误。现在我在结果的第二页，我想回到第一页或第三页(下一页)。但是，当我单击它时，ajax无法工作，整个页面都会刷新(或者用第一页或下一页加载)。

有人能告诉我这件事的想法吗。我的代码正在工作，但只有一次。我不知道它有什么问题，但是当返回页面或下一页时，preventDefault()没有任何意义。js代码在页面加载后只工作一次，无论是返回到第1页(前一页)还是继续到第3页(下一页)。对不起，我是jQuery的新手，但不是wp。

谢谢，如果我英语不好，很抱歉。

Answer 1

修好了。我正在更新内容，通过这样做，事件被清除了。所以我所做的就是为所有事件增加一个额外的div。

<div id="container">
    <div id="alljobs">
       <div id="posts">
            //wp loop #1
            //all jobs will be here from all cats; post title etc.
       </div><!--Posts -->
         <div id="alljobevents">
            <div id="alljobspagi">
              //the pagination for all jobs
            </div><!--alljobspagi -->
        </div><!-- Update : This is Extra-->
    </div><!--alljobs -->
    <div id="alljobspg">
      <div id="pglist">
       <div id="posts">
          //wp loop #2
          //all jobs will be here from pg cats; post title etc.
       </div><!--Posts -->
          <div id="alljobspgevent">
             <div id="alljobspgpagi">
               //the pagination for all jobs
             </div><!--alljobspgpagi -->
          </div>
      </div><!--pglist -->
    </div><!--alljobspg -->
</div><!-- The container -->

更新后的Js变成

$('#alljobspgevent').click(function(e) {
    e.preventDefault();
    var link = jQuery(this).attr('href');
  jQuery('#pglist').html('<center><b>Working on it Please Wait .......</b><br /><img src="http://localhost/preloader.gif"/></center>');
  jQuery('#pglist').load(link+' #pglist');
   // Same can be done for updating pagination
});