Javascript wordpress中的Ajax分页只能工作一次

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

这是wordpress和ajax加载（分页）

我与乔布斯猫的页面。它有几个div和其他子cats，每个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 -->

//wp回路#1
//所有的工作都将在这里，从所有的猫；职位名称等。
//所有作业的分页
//wp回路#2
//所有工作都将由pg cats提供；职位名称等。
//所有作业的分页

现在我想要的是，当用户单击分页的“a”（标记为编号1、2、3等）时，它将通过preventdefault（）并加载divs posts和下一页posts

我已经成功地制作了一个，但不知何故，这是可行的，但不知何故不是。 我使用的js代码是（在header.php btwn中）

$（'div#alljobspgpagi a[href]'）。单击（函数（e）{
e、 预防默认值（）；
var link=jQuery（this.attr（'href'）；
jQuery（'div#alljobspgpagi'）.html（'正在处理它，请稍候……
'）；
jQuery（'#alljobspg'）.load（link+'#alljobspg'）；
});

以上代码部分工作正常。例如，如果我有两个页面用于分页，比如现在我在活动类的第一个页面“1”（不可点击），当我点击数字“2”（可点击有a）转到第二个页面时，ajax工作，一切工作都没有错误。现在我在结果的第二页，我想回到第一页或第三页（下一页）。但是当我点击它时，ajax无法工作，整个页面被刷新（或者加载了第一页或下一页）

有人能给我一些建议吗。我的代码正在运行，但只运行了一次。我不知道它有什么问题，但是当返回到第页或下一页时，preventDefault（）没有任何意义。无论是返回到第1页（上一页）还是前进到第3页（下一页），js代码在页面加载后只工作一次。很抱歉，我对jQuery是新手，但对wp不是

---

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

修好了。我正在更新事件的内容，通过这样做，事件被清除。所以我所做的就是为所有事件添加一个额外的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 -->

//wp回路#1
//所有的工作都将在这里，从所有的猫；职位名称等。
//所有作业的分页
//wp回路#2
//所有工作都将由pg cats提供；职位名称等。
//所有作业的分页

更新后的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
});

$（'alljobspgevent'）。单击（函数（e）{
e、 预防默认值（）；
var link=jQuery（this.attr（'href'）；
jQuery（'#pglist'）.html（'正在处理它，请稍候……
'）；
jQuery（'#pglist'）.load（link+'#pglist'）；
//更新分页也可以这样做
});

为什么不使用在自定义post类型数组中分页的参数，并使用get_next_post_链接get_previous_post_链接？谢谢@marc，但分页在正常情况下工作正常。我想要的是在不刷新页面的情况下加载帖子的数据。

$('#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
});