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();
});

在Ajax Load More中切换摘录/内容

1 个答案: