0

我在 ajax 中的分页有问题，我尝试使用 jQuery 创建一个脚本来使用 Wordpress 生成分页。我的脚本是这样的：

<script>
jQuery(document).on('click', '.page a', function(e) {  
    e.preventDefault();
    open_sidebar();
    scrollToAnchor('ajax_posts_home');
    jQuery('.home_load_posts').show(2000);
    jQuery('.home_load_posts').animate({
        opacity: 0.85
    }, 1000);

    var link = jQuery(this).attr('href');  

    jQuery('#home_content_posts').load(link+' #home_content_posts');
}); 
</script>

<?php wp_pagenavi(); ?>

这完美地工作，不会给我任何问题。真正的问题是当我去点击网站上的另一个链接时。当我这样做时，脚本会加载该链接的内容，但我不明白为什么会这样，它应该只加载分页链接。

如果类是 class="page"，我不明白为什么脚本会激活并启动另一个带有另一个类的页面

唯一的问题是其他链接必须在没有 ajax 的情况下正常加载，但由于某种原因我不知道，当类名不同时，所有链接都加载为 ajax

在网站前面加载以进行分页的常规链接格式如下：

<div class="wp-pagenavi">
    <span class="current">1</span>
    <a href="http://domain.com/page/2/" class="page" title="2">2</a>
    <a href="http://domain.com/page/3/" class="page" title="3">3</a>
    <a href="http://domain.com/page/2/" class="nextpostslink">»</a>
</div>

<div class="clearboth"> </div>
</div>

我不明白为什么会这样。我知道它只能通过 ajax 加载分页，而不能加载网站的其他链接

感谢和问候

4

1 回答 1

0

你需要a.page为 jQuery onclick 回调做。a.page表示所有<a>具有 . 类的标签.page。Doing.page a表示所有<a>标签都是类为 的元素的后代.page。所以要修复你的javascript，你会这样做：

jQuery(document).on('click', 'a.page', function(e) {
于 2013-06-08T04:26:02.507 回答