Ajax内で抜粋/コンテンツを切り替えます。

Question

私はInfinite Scroll pluginを使用していますが、ロード時に抜粋のみを表示しようとしています。クリックすると、残りのコンテンツが読み込まれます。

PHP：

<div class="tenant"> <li<?php if (! has_post_thumbnail()) { echo ' class="no-img"'; } ?>> 
    <?php if (has_post_thumbnail()) { the_post_thumbnail(array(150,150)); 
    }?> 
    <h3><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3> 
<div class ="post-author"> <?php the_author_link(); ?> </div><br> 
<div class ="excerpt-posts"> <?php the_excerpt(); ?><a href="" class="read">Read More</a></div><br> 
<div class= "postcontent"> <?php the_content(); ?></div> <br> 
<?php the_date(); ?> 
<div class ="post-category-2"><?php the_category(); ?> </div> 
</li> 
</div> 

私は（このquestionを参照）、これは非常に簡単であるべきだと思うが、それは動作しません - 私は、プラグイン内でロード任意の要素をターゲットにすることはできません何らかの理由。私はと思う。プラグインがロードされた後で（つまりdocument_ready）トリックをやっていないときにだけ起動するイベントが必要です。しかし、私は完全に困惑しています。本当に入れ

は、単純に、なぜこのコード

$('#ajax-load-more').on(function(){ 
     $('.postcontent').hide(); 
}); 

は、コンテンツを非表示にしていません？

Answer 1

onにはイベントがありません。 idがajax-load-moreの要素はどこにありますか？

$('#ajax-load-more').on('click', function(){ 
     $('.postcontent').hide(); 
});