Question

我不想让我的第一个问题变得如此简单，但我花了1-2个小时试图弄明白这一点并窥探。我知道答案可能很简单，但我根本找不到它。非常感谢任何人的帮助：

<section class="content">
<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>
    <!-- Carousel items -->
    <div class="carousel-inner">
        <div class="active item">…</div>
        <div class="item">…</div>
        <div class="item">…</div>
    </div>
    <!-- Carousel nav -->
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

<article class="">

</article>
</section>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>

<script src="js/plugins.js"></script>

<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-carousel.js"></script>

<script>
    $('#myCarousel').carousel();
</script>

编辑：问题！ Bootstrap Carousel将元素静态加载到页面上。他们根本不工作。再次感谢！

Answer 1

我看到的第一件事是您在第一个列表项上遗漏了>：

<li data-target="#myCarousel" data-slide-to="0" class="active"</li>

应该是

<li data-target="#myCarousel" data-slide-to="0" class="active"></li>

修改

您是否包含Bootstrap CSS文件？

通过上述更改，一切似乎都对我有用：jsFiddle

Bootstrap Carousel无法加载

1 个答案:

修改