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標籤

回答

相關問題