如果上面的代码在while循环中循环,则应该正确输出选项卡,而不是内容。
您需要在选项卡内容区域内再次重复此循环。此外,您还需要确保每个表内容区域都没有活动的类。活动类应仅位于第一个类上。如果计数器为1,则可以在循环中使用计数器和简写if语句来添加active类
<div id="tab">
<ul class="nav nav-tabs" role="tablist">
<?php $loop = new WP_Query( array( \'post_type\' => \'candidates\', \'posts_per_page\' => -1 ) ); ?>
<?php
$counter = 0;
while ( $loop->have_posts() ) : $loop->the_post();
$counter++;
?>
<li role="presentation" class="post-<?php the_ID(); ?> <?=($counter == 1) ? \'active\' : \'\'?>"><a href="#post-<?php the_ID(); ?>" aria-controls="home" role="tab" data-toggle="tab"><?php the_title();?></a></li>
<?php endwhile; wp_reset_query(); ?>
</ul>
<div class="tab-content">
<?php
$counter = 0;
$loop = new WP_Query( array( \'post_type\' => \'candidates\', \'posts_per_page\' => -1 ) );
while ( $loop->have_posts() ) : $loop->the_post();
$counter++;
?>
<div role="tabpanel" class="tab-pane <?=($counter == 1) ? \'active\' : \'\'?>" id="post-<?php the_ID(); ?>"><?php the_content();?></div>
<?php endwhile; ?>
</div>
</div>
请注意,我实际上还没有尝试过这个,所以如果它不起作用,请告诉我。