轮播引导程序不起作用

Aleb95 发表于 Dev

Aleb95

有人可以帮我吗？我正在测试自举轮播，但无法正常工作。具体来说：上一个/下一个按钮不起作用，轮播也不会滑动到下一张幻灯片。这是我页面的代码，但我不知道自己在做什么错。

<!DOCTYPE html>
<html>
<head>

<title>Title</title>

<!-- META -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- META -->

<!-- CSS -->
<link href="css/stile.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- CSS -->  

</head>
<body>

<div class="container">

    <div id="myCarousel" class="carousel slide">

        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>

        <div class="carousel-inner">
            <div class="item active">
                <img src="image1.jpg" alt="image1.jpg">
            </div>
            <div class="item">
                <img src="image2.jpg" alt="image2.jpg">
            </div>
            <div class="item">
                <img src="image3.jpg" alt="image3.jpg">
            </div>
        </div>

        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
            <span class="icon-prev"></span>
        </a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next">
            <span class="icon-next"></span>
        </a>
    </div>
</div>

<!-- JS -->
<script src="//code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- JS -->
</body>
</html>

乔伊

您是否使用以下JS致电了Carousel？

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

尝试将链接/脚本放在顶部：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

这些是嵌入的链接，而不是根文件中的链接。您可以使用自己的，但将其放在顶部，看看是否有帮助。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。