jquery - 在 Twitter Bootstrap 3 的轮播中找不到幻灯片类

Question

我正在 twitter bootstrap 3 中制作旋转木马，但是当我使用类“旋转木马幻灯片”时，它会给出错误未知类幻灯片。在我正在使用的代码下方。请指导我。

<div class="container">
    <div id="theCarousel" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner">
            <div class="item active">
                <img src="/images/carousel-1.jpg" alt="1" class="img-responsive"/>
            </div>
            <div class="item">
                <img src="/images/carousel-2.jpg" alt="2" class="img-responsive"/>
            </div>
            <div class="item">
                <img src="/images/carousel-3.jpg" alt="3" class="img-responsive"/>
            </div>
            <div class="item">
                <img src="/images/CG-carousel-4.jpg" alt="4" class="img-responsive"/>
            </div>
        </div>
    </div>
</div>

Answer 1

你的代码是正确的..在我的系统中，这段代码工作正常..

在 Bootstrap 3 中没有定义“slide”类。但是如果没有“Slide”类，轮播图像将发生变化而没有任何动画效果。

在你的代码中添加这个脚本

<script>
    $(document).ready(function () {
        $('.carousel').carousel();
    });
</script>

检查代码中的 Bootstrap CSS & JS 引用..并检查引用文件的顺序

你可以按照这个顺序:-

1. bootstrap.css
2. bootstrap-theme.css
3. jquery-1.9.1.js
4. bootstrap.js

脚本 block 将无法使用 JQ 库..因此正确添加 JQ 库文件..

并确保在脚本运行之前加载 JQ 文件。为此，您可以在页面顶部添加引用