如何ajax wordpress中的下一個/上一篇文章？

好吧我一直在這裏做一些研究，我不知道如何解決這個問題，因爲大多數的ajax和wordpress主題似乎與我的不同。差不多我有一個網站如何ajax wordpress中的下一個/上一篇文章？

，並在博客部分它顯示了，我想在未來的3個員額與阿賈克斯加載更多的東西鏈接三個最新的博客。

我jQuery是如下

loadPosts(); 

function loadPosts(){ 

     var $loadBtn = $('.ajax-load a'); 
     var $loadCont = $('#ajax-content'); 
     var pageTitle = document.title; 


     $loadBtn.live("click",function(e){ 
      e.preventDefault(); 

      var sourceTarget = '#ajax-content .the-posts'; 
      $this = $(this); 
      pageUrl=$this.attr('href'); 

      $loadCont.fadeTo(500,0); 

      $loadCont.load(pageUrl+" "+sourceTarget, function(){ 

       $loadCont.fadeTo(500,1); 

         if(window.history.replaceState){ 
                    document.title = pageTitle; 
                    window.history.replaceState(null, pageTitle, pageUrl); 
                  }         

         //loadJQUERY(sourceTarget); 
      }); // end ajax load  

     });  // end click function 

}

和HTML

 <div id="ajax-content"> 
      <div class="the-posts"> 

       <?php 
       // START A QUERY OF THE NEWS ITEM POSTS AND LOOP THAT THANGGGG 
       if (get_query_var('paged')) $paged = get_query_var('paged'); 
       if (get_query_var('page')) $paged = get_query_var('page'); 

       query_posts('posts_per_page=3&paged=' . $paged); 

       if (have_posts()) : while (have_posts()) : the_post(); ?> 

        <article class="three columns"> 
         <h3>The Most Recent Post</h3> 
         <img class="blog-image" src="<?php bloginfo('template_url');?>/images/blog/blogs-post.jpg" alt="Childsplay"> 
         <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p> 
         <a href="#">Read More</a> 
        </article> 

      <?php endwhile; ?> 

        <div class="navigation"> 
         <span class="left ajax-load"><? previous_posts_link('&larr; More Stuff') ?></span> 
         <span class="right ajax-load"><? next_posts_link('More Stuff &rarr;') ?></span> 
        </div>  

      <?php else : endif; ?> 
      <?php wp_reset_query(); // reset the query ?> 

     </div> 
    </div>

現在看來似乎無法找到該網頁，即使固定鏈接設置什麼WordPress的下一個職位按鈕的默認是。

我的Ajax方式對WordPress不太好？我看到有人用其他方式，但我不太瞭解它們。

來源

2012-11-15 Chris G-Jones

我在控制檯得到這個消息 GET HTTP：//dev.touch- akl.com/childsplay/page/2/.the-posts –

您是否收到頁面加載的前3個帖子？ – VIDesignz

是的。另外，當點擊「更多內容」按鈕並且網址切換到第2頁時，我可以刷新頁面，然後下一個內容進入，然後點擊後退箭頭即可工作。 –