Question

我有一个标准的引导轮播https://getbootstrap.com/docs/4.0/components/carousel/。每次更改幻灯片时，都会将".active"类添加到".carousel-item"中。我需要在子元素中添加另一个类。

<div class="carousel-inner">
    <div class="carousel-item active">
      <div class="someClass active"></div>
    </div>
    <div class="carousel-item">
      <div class="someClass"></div>
    </div>
    <div class="carousel-item">
      <div class="someClass"></div>
    </div>
</div>

carousel-item.active-> someClass.active

我是用onClick函数做到的：

$('.carousel-control-next').on('click', function () {
    $('.carousel-inner .carousel-item.active').find('.someClass').addClass('active');
});

但是，当自动播放幻灯片时，不需要使用此功能。

我尝试使用“ MutationObserver” 在DOM更改后立即添加一个类，但是Bootstrap Carousel工作的细节是一次使用3个类的更改而且效果不是很好。

Answer 1

好吧，我胡说八道... Bootstrap的轮播已经有two events for this。 感谢Arup Rakshit

AddClass到Bootstrap Carousel项目

1 个答案: