Question

我有一个bootstrap轮播，它要求第一张幻灯片有一个活跃的类来工作。然后，当幻灯片更改时，jquery将删除并添加活动类。

我正在使用wordpress填充轮播并使用高级自定义字段插件来执行此操作。

我想要做的是，如果它是第一个div，那么添加活动类。如果它不是第一个div，则不添加该类。

到目前为止，这是我的php：

              <div class="carousel-inner">
            <?php while(has_sub_field('homepage_carousel')): ?>
                <div class="item active">
                    <img src="<?php the_sub_field('slide_image'); ?>" alt="...">
                    <a href="<?php the_sub_field('slide_link'); ?>">Explore</a>
                </div>
            <?php endwhile; ?>
          </div>

Answer 1

          <div class="carousel-inner">
        <?php $i = 0; ?>
        <?php while(has_sub_field('homepage_carousel')): ?>
            <div class="item <?php if($i === 0) { ?> active <?php } ?>">
                <img src="<?php the_sub_field('slide_image'); ?>" alt="...">
                <a href="<?php the_sub_field('slide_link'); ?>">Explore</a>
            </div>
        <?php ++$i; ?>
        <?php endwhile; ?>
      </div>

PHP如果第一个div显示类，否则没有类

1 个答案: