2012-11-15 3 views
1

좋아요. 나는 여기에서 약간의 연구를 해왔고, 대부분의 아약스와 워드 프레스의 주제가 광산과 다르기 때문에이 문제를 해결하는 방법을 잘 모르겠습니다. 꽤 많이 나는 사이트를WordPress의 다음/이전 게시물에 아약스하는 방법?

http://dev.touch-akl.com/childsplay/

을 가지고 블로그 섹션에서 내가 아약스와 다음 3 개 게시물에로드 할 더 많은 물건을 링크와 세 개의 최신 블로그를 보여줍니다.

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을 다음과 같이

내 jQuery를이

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

는 고유 주소가 무엇 워드 프레스 다음 글 버튼의 ​​기본값으로 설정된 경우에도 페이지를 찾을 수 없습니다 것 같다입니다 입니다.

아약스의 제 방식은 워드 프레스에별로 좋지 않습니까? 나는 사람들이 다른 방법을 사용하는 것을 보았으나 나는 그들을 이해하지 못한다.

+0

내가 콘솔에서이 메시지가 다른입니다 akl.com/childsplay/page/2/.the-posts –

+0

페이지로드에 처음 3 개의 게시물이 있습니까? – VIDesignz

+0

예. 또한 "more stuff"버튼을 클릭하고 URL이 2 페이지로 바뀌면 페이지를 새로 고칠 수 있고 다음 내용이 들어옵니다. 그런 다음 뒤로 화살표를 클릭하면 게시물이 작동합니다. –

답변

관련 문제