在Ajax中切換摘錄/內容加載更多

Question

我正在使用Infinite Scroll插件 ，試圖僅在加載時顯示摘錄； 然后點擊一下即可加載其余的內容。

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>

我認為這應該非常簡單（請參閱此問題 ），但它不起作用-由於某些原因，我無法定位插件中加載的任何元素。 我想我需要有一個僅在插件加載后才觸發的事件（因此document_ready）不能解決問題。 但是我完全被困住了。

簡而言之，為什么不編寫此代碼

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

隱藏內容？

Answer 1

您on沒有活動。 id為ajax-load-more的元素在哪里？

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