Ajax分页里面的jquery标签

我面临一些问题与jquery标签内分页。我已经使用Ajax分页，因为它工作良好，但不幸的是，当我第二次点击任何页面（分页）第二次。然后它中断链接。请看正视它是如何工作： http://kelts.wpengine.com/7664-top-o-the-morning-312/ 打开最近相关posts->单击分页的任何页面上Ajax分页里面的jquery标签

请确保我使用WP-分页（）;.

<script type="text/javascript"> 

    jQuery(".larger.page").live("click", function(e) { 
       e.preventDefault(); 
       var href = jQuery(this).attr("href"); 
       show_posts(href.replace(/.*page\//, "")); 
      }); 
    show_posts(1); 
    }); 
    function show_posts(l) { 
     jQuery.get("<?php bloginfo('template_directory')?>/fetch-blog-post.php", { 
        pageno : l 
       }, function(data) { 
        jQuery("#show_posts").html(data).show(); 
       }); 
    } 

</script>

来源

2013-02-26 sudhanshu

这里是我的代码这里是我的代码： <脚本类型= “文/ JavaScript的”> jQuery的（文件）。就绪（函数（）{jQuery的（” larger.page。 “）生活（” 点击。 “，function（e）{e.preventDefault（）; var href = jQuery（this）.attr（”href“）; show_posts（href.replace（/.* page \ //，”“））;}）; （1）; \t \t}）; jQuery.get（“＃？php bloginfo（'template_directory'）？>/fetch-blog-post.php”，{pageno：l}，function（data）{ jQuery（“ show_posts“）。html（data）.show（）; }）; } – sudhanshu 2013-02-26 12:55:11

编辑你的问题，这是不可读的。 – AmazingDreams 2013-02-26 12:57:28

有语法错误，'}）;'show_posts（1）;'无效后'' – 2013-02-26 12:58:37

将您的选择器jQuery(".larger.page").live(...)更改为jQuery(".larger.page, .page.smaller").live(...)。

一旦你访问了一个链接，类larger被smaller取代，这就是为什么链接在第二次点击中被破坏的原因。

来源

2013-02-26 13:16:48

Thanks Arun !!!你是建造者老板！精湛的， – sudhanshu 2013-02-27 04:25:10

哎呀某处它仍然显示问题...在前面或最后一个按钮的分页..可以请看看？ – sudhanshu 2013-02-27 05:43:33

我已经用我自己的方式修复了它......但是，谢谢队友！ – sudhanshu 2013-02-28 04:36:43

你为什么不尝试

$('.wp-pagenavi').on('click',function(){ 
    // code 
});

因为.live从现在开始弃用。

来源

2013-02-26 13:00:19

从我看到的问题是，您将paginator本身作为AJAX响应的一部分，并且不会将事件绑定到新的DOM元素。

来源

2013-02-26 13:04:47

Ajax分页里面的jquery标签

回答

相关问题