旋转木马不起作用

Question

我刚刚学习了一些HTML + CSS，今天我使用Bootstrap 4创建了一个轮播。出于某种原因，它似乎无法工作。当按下按钮时，它实际上不会触发任何动作，也不会自动切换幻灯片。

谁能请给我一些帮助？先感谢您

请参阅附件代码：

<div class="row slider">
        <div class="col mt-3">
            <div class="carousel slide" id="slider" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#slider" data-slide-to="0" class="active"></li> 
                    <li data-target="#slider" data-slide-to="1"></li>
                </ol>

                <div class="carousel-inner">
                    <div class="carousel-item active">                                                  
                        <img  src="img/segunda.jpg" alt="Slide #1" class="d-block img-fluid">                               
                    </div>
                    <div class="carousel-item">                             
                        <img  src="img/primera.jpg" alt="Slide #2" class="d-block img-fluid">
                    </div>                          
                </div>

                <a href="#slider" class="carousel-control-prev" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Anterior</span>
                </a>

                <a href="#slider" class="carousel-control-next" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Siguiente</span>
                </a>                                                            
            </div>                  
        </div>

Answer 1

你必须包含javascript，例如：

$('.slider').carousel({
  interval: 2000
})