2

我有以下代码：

<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>

<div class="item">
  <?php the_post_thumbnail('full');?>
  <div class="container">
    <div class="carousel-caption">
      <h1>
        <?php the_title(); ?>
      </h1>
      <p>
        <?php the_excerpt(); ?>
      </p>
    </div>
  </div>
</div>
<?php endwhile; ?>

我需要将“活动”类添加到第一个 div（“项目”旁边）

4

4 回答 4

4

使用布尔变量进行测试，在第一次通过后将其设置为 true，以便进一步的循环不会将其标记为活动

<?php $firstMarked = false; ?>
<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
<div class="item <?php echo !$firstMarked ? "active":"";?>">
  <?php the_post_thumbnail('full');?>
  <div class="container">
    <div class="carousel-caption">
      <h1>
        <?php the_title(); ?>
      </h1>
      <p>
        <?php the_excerpt(); ?>
      </p>
    </div>
  </div>
</div>
<?php $firstMarked = true;?>
<?php endwhile; ?>
于 2013-09-23T21:18:35.077 回答
2

添加一个标志：

<?php 
    $isFrist = true;
    while ( $loop->have_posts() ) : $loop->the_post();
?>

<div class="item">
  <?php the_post_thumbnail('full');?>
  <div class="container<?php if ($isFirst): ?> active<?php endif ?>">
    <div class="carousel-caption">
      <h1>
        <?php the_title(); ?>
      </h1>
      <p>
        <?php the_excerpt(); ?>
      </p>
    </div>
  </div>
</div>
<?php
    $isFrist = false;
    endwhile;
?>
于 2013-09-23T21:19:58.393 回答
0 
if($loop->current_post == 1){
  echo 'class';
}
于 2013-09-23T21:23:10.337 回答
0 
<script type="text/javascript">
$('.carousel-inner > :first-child').addClass("active");
</script>
于 2014-07-29T16:14:54.827 回答