jquery - 引导轮播不会加载

Question

我不希望我的第一个问题如此简单，但我花了 1-2 个小时试图弄清楚这一点并窥探 SO。我知道答案可能很简单，但我根本找不到。任何人的帮助将不胜感激：

<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">…&lt;/div>
        <div class="item">…&lt;/div>
        <div class="item">…&lt;/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

我看到的第一件事是您在>第一个列表项上缺少 a：

<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