Question

我在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加载分页，而不是网站的其他链接

谢谢，问候

Answer 1

您需要为jQuery onclick回调执行a.page。 a.page表示所有<a>代码都为.page的代码。执行.page a表示所有<a>标记都是.page类的元素的后代。所以要修复你的javascript：

jQuery(document).on('click', 'a.page', function(e) {

链接ajax分页

1 个答案: