Question

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

这是wordpress和ajax加载（分页）

我的工作页面猫。它确实有几个div与其他子猫，每个子猫都有自己的wp循环，用于获取具有该特定子类别的帖子像这样

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

现在我想要的只是当用户点击＆＃34; a＆＃34;分页（标记为编号1,2,3等）它通过preventdefault（）和负载将帖子与下一页帖子分开。

我已经成功制作了一个，但这在某种程度上是有效的，不知怎的。我使用的js代码是（在header.php btwn中）

Is there any example which will enable me chane in existing code or any eclipse rcp browser layout which having scrollbar(progressbar) with listener event.

以上代码部分正常工作。例如，如果我有两页分页，就像现在我在第一页＆＃34; 1＆＃34;这是活动类（不可点击），当我点击数字＆＃34; 2＆＃34; （可点击有a）转到第二页ajax工作，一切正常，没有错误。现在我在结果的第二页，我想回到第1页或第3页（下一页）。但是当我点击它时，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
});

wordpress中的Ajax分页只工作一次

1 个答案: