Question

我正在使用基于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>

呈现的<?php posts_nav_link(); ?>看起来像这样：

<div id="pagi-container">
    <div id="paginar">
        <a href="http://localhost/paulo/page/2/" >next Page &raquo;</a>  
    </div>
</div>

然后，我使用此jquery加载分页链接：

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

当我单击“下一页”链接时，它会加载#portfolio-thumbs内的标记为ok的内容，唯一的区别是加载此内容的#pagi-container：

<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 #paginar a一起工作，当有超过1个链接时就打破....但我不确定......有没有人有任何想法？

Answer 1

因为您正在更改#paginar的内容，所以会发生什么事情是链接上的事件被清除。根据您的jquery版本，您可以使用.live()或将事件添加到#pagi-container：

$('#pagi-container').on('click','#paginar > a',function() {... }

Ajax分页只有第一次和第三次

1 个答案: