Jquery Ajax分页只在第一次和第三次工作

我使用的是基于ajax的分页，下面是标记

<div id="portfolio-thumbs">
    <ul id="portfolio-destaque">
        HERE GOES MY LOOP AND CONTENT , some LI's with thumbs and stuff   
    </ul>
</div>
<div id="pagi-container">
    <div id="paginar">
        <?php posts_nav_link(); ?> 
    </div>
</div>

当我单击“下一页”链接时，它会加载

#portfolio thumbs

中的内容，标记为ok，唯一的区别是加载此内容的

#pagi容器

：

<div id="pagi-container">
    <div id="paginar">
        <a href="http://localhost/paulo/">« Prev Page</a> — 
        <a href="http://localhost/paulo/page/3/">Next Page »</a>  
    </div>
</div>

— 

此时，Jquery不再工作。如果我单击任何分页链接，它将加载整个页面。。。。在下一页中，它只加载1个分页链接，工作正常。

---

我的猜测是，不知何故，我的jquery只处理1个

#paginara

，当有多个链接时会中断。。。。但我不确定。。。有人知道吗？

这是因为您正在更改

#paginar

的内容，所以发生的是链接上的事件被清除。根据您的jquery版本，您可以使用

.live（）

或将事件添加到

#pagi容器中

：

---

$（“#pagi container”）。在（'click'，“#paginar>a'，function（）{…}

这是因为您正在更改

#paginar

的内容，所以发生的是链接上的事件被清除。根据您的jquery版本，您可以使用

.live（）

或将事件添加到

#pagi容器中

：

---

$（“#pagi container”）.on（'click'，“#paginar>a'，function（）{…}

那么您认为问题出在哪里呢？Wordpress以noConflict模式加载jQuery-您对

$的调用。

可能会导致问题。它在jQuery（文档）中。ready（函数（$）即使这种方法也只在第一页有效，我也尝试了。click（）而不是.on（），它只在第一页和最后一页（只有一个分页链接）工作。将第二页拆分为一个链接，看看问题是否得到解决。那么您认为问题在哪里？Wordpress以无冲突模式加载jQuery-您对

$的调用。on（）

可能会导致问题。它位于jQuery（文档）内部.ready（函数（$）即使这种方式也只能在第一页上使用。此外，我尝试使用.click（）而不是.on（），它只能在第一页和最后一页（其中只有一个分页链接）上使用。将第二页拆分为一个链接，看看问题是否得到解决。

$('#paginar > a').on('click',  function(e){
    e.preventDefault();
    var link = jQuery(this).attr('href');
    jQuery('#portfolio-thumbs').html('Loading...');
    jQuery('#portfolio-thumbs').load(link+' #portfolio-destaque');
    jQuery('#pagi-container').load(link+' #paginar');   
});

<div id="pagi-container">
    <div id="paginar">
        <a href="http://localhost/paulo/">« Prev Page</a> — 
        <a href="http://localhost/paulo/page/3/">Next Page »</a>  
    </div>
</div>