javascript - 没有 "active"的 Bootstrap 轮播幻灯片开始

Question

我喜欢使用 Bootstrap 轮播 slider 。 是否可以在第一个图像中没有事件类的情况下启动 slider ？该代码是使用 TYPOSCRIPT 设置的，我无法将第一项设置为事件状态。有没有办法使用 JavaScript？

感谢帮助

基督徒

HTML 代码

<div class="carousel slide article-slide" id="myCarousel">
    <div class="carousel-inner cont-slider">
        <div class="item">
          <img class="img-responsive" src="http://placehold.it/800x300/cccccc/ffffff">
        </div>
       <div class="item">
          <img class="img-responsive" src="http://placehold.it/800x300/999999/cccccc">
        </div>
        <div class="item">
          <img class="img-responsive" src="http://placehold.it/800x300/dddddd/333333">
        </div>              
    </div>
</div>

Answer 1

是的，您可以像这样添加类(使用 jQuery):

$(document).ready(function () {
  $('#myCarousel').find('.item').first().addClass('active');
});