Javascript 引导程序4的旋转木马的实现不起作用
我已经使用bootstrap4为carousel编写了以下代码。我已经附加了代码。但是,我无法将其他幻灯片带入图片,只有第一张幻灯片进入图片,即使使用了控件。我想知道代码有什么问题 carousel.jsJavascript 引导程序4的旋转木马的实现不起作用,javascript,bootstrap-4,carousel,Javascript,Bootstrap 4,Carousel,我已经使用bootstrap4为carousel编写了以下代码。我已经附加了代码。但是,我无法将其他幻灯片带入图片,只有第一张幻灯片进入图片,即使使用了控件。我想知道代码有什么问题 carousel.js <html> <head> <title> Carousel</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/
<html>
<head>
<title> Carousel</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/javascript.util/0.12.12/javascript.util.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<title>Carousel</title>
<style>
</style>
</head>
<body>
<div class="container">
<h2>Carousel Example</h2>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="Desert.jpg" alt="Desert" style="width:100%;">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="Hydrangeas.jpg" alt="Hydrangeas" style="width:100%;">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="Jellyfish.jpg" alt="Jellyfish" style="width:100%;">
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</body>
</html>
旋转木马
旋转木马
旋转木马示例
您没有添加,因此旋转木马的幻灯片行为代码不可用。您必须至少将以下
添加到
中:
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
您的工作示例:
旋转木马
旋转木马示例