Wordpress에서 JQuery 석공 술과 무한 스크롤

Question

나는 현재 'Gridly' 워드 프레스 테마 수정 버전을 사용하여 자신을위한 포트폴리오 웹 사이트를 제작하고 있습니다. Here's the current website.

지금은 'infinite scroll' plugin을 구현하려고하는데 작동하지 않는 것 같습니다.

여기 사람이 특정 플러그인에 대해 잘 알고 있다면 모르겠지만, 단지의 경우, 내가 사용 선택기는 다음과 같습니다

Content Selector: #post-area 
Navigation Selector: .view-older 
Next Selector: .view-older a:first 
Item Selector: .post 

정말 어떤 코드를 것 말할 수 없다 관련은 여기에 게시하지만, 여기에 index.php에 포함 된 내용입니다합니다 :

<?php get_header(); ?> 

<?php if (have_posts()) : ?> 
<div id="post-area"> 
<?php while (have_posts()) : the_post(); ?> 

<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
    <?php if (has_post_thumbnail()) { ?> 
    <div class="gridly-image"><a href="<?php the_permalink() ?>"><?php the_post_thumbnail('summary-image'); ?></a></div> 
     <div class="gridly-category"><p><?php the_category(', ') ?></p></div> 

     <?php } ?> 
      <div class="gridly-copy"><h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2> 
      <p class="gridly-date"><?php the_time(get_option('date_format')); ?> </p> 

<?php the_excerpt(); ?> 

      <p class="gridly-link"><a href="<?php the_permalink() ?>"></a></p> 
    </div> 
    </div> 



<?php endwhile; ?> 
</div> 
<?php else : ?> 
<?php endif; ?> 

<?php next_posts_link('<p class="view-older">View Older Entries</p>') ?> 


<?php get_footer(); ?> 

가 나는 또한 벽돌/동위 원소로 동작을 설정했으며, 플러그인이 활성화되어 있는지 확인했다.

누구든지 내가이 문제를 해결하는 데 도움을 주면 대단히 감사하겠습니다. 나는 (분명히) 웹 개발자가 아니므로,이 말은 어리석은 짓이라도 들려 준다면 나랑 맺어 줘.

Answer 1

답변이 아닙니다. 유감 스럽지만 댓글이 너무 길었습니다. 귀하의 링크는 p (기술적으로는 귀하의 doctype과 함께 '합법적이지만'은 좋지 않습니다) 주위에 a으로 감싸 인 HTML에서 약간 끝납니다.

<a href="http://www.finlaydownes.com/page/2/" ><p class="view-older">View Older Entries</p></a> 

대상으로, 또는 그것이 무엇을 의미하는 의미 방법 a:first 확실하지.

Answer 2

내가 해냈어! 동일한 문제가 발생할 수있는 사람의 이익을 위해이 방법으로 해결할 수있었습니다.

첫째, 어떤 이유로이 테마에는 '이전 게시물보기'기능이 포함되어 있지만 '새로운보기보기'는 포함되지 않았습니다. '하나. 이

<div ="navigation> 
<?php next_posts_link('<p class="view-older">View Older Entries</p>') ?> 
<?php previous_posts_link('<p class="view-newer">View Newer Entries</p>') ?> 
</div> 

다음을 진술하도록 I는

<?php next_posts_link('<p class="view-older">View Older Entries</p>') ?> 

복사 모두 링크 주위 DIV를 creaing 및 코드의 또 다른 라인을 추가함으로써이 문제를 해결, I는

에 무한 스크롤 선택기 변경

Content Selector: #post-area 
Navigation Selector: #navigation 
Next Selector: #navigation a:first 
Item Selector: #post-area .post 

누구든지 비슷한 문제가 발생하면 도움이되기를 바랍니다. :)