如何在页面上创建多个“加载更多”按钮(WordPress)

时间:2015-06-19 05:12:12

标签: javascript php jquery wordpress infinite-scroll

我已经尝试过一些插件和一些教程,但是大多数教程都可以处理无限负载,调整Ajax Load更多按钮,或者与WordPress站点无关,甚至这些对这个问题也没有用。 / p>

我希望实现的是一组带有“加载更多”按钮的行。例如:

第1行(来自Cat = 1的3个帖子)

[加载更多]

第2行(来自Cat = 2的3个帖子)

[加载更多]

其中每个Load More印刷机从该类别中再加载6个。

我对3个帖子行的代码是:

   <div class="container">
      <?php $posts = get_posts( "cat=1&numberposts=3" ); ?>
      <?php if( $posts ) : ?>
      <?php foreach( $posts as $post ) : setup_postdata( $post ); ?>
      <?php $column = ($column == '') ? 'first' : (($column == 'first') ? 'middle' : (($column == 'middle') ? 'last' : 'first' )); ?>
      <div class="post <?php echo $column; ?>" id="post-<?php the_ID(); ?>" >
         <a href="<?php echo get_permalink($post->ID); ?>" >
         <h3><?php echo $post->post_title; ?></a></h3>
         <?php if ( has_post_thumbnail()) : the_post_thumbnail('columner-thumb'); endif; ?>
      </div>
      <?php endforeach; ?>
      <?php endif; ?>
   </div>

有没有办法在此代码中添加“加载更多”按钮以显示该类别中的更多内容?

感谢您对此javascript问题的任何帮助。

0 个答案:

没有答案