Question

尝试在我的网页上使用轮播，但无法获取代码。认为这与从bootstrap文件夹调用javascript有关，但不确定。请参阅以下代码：

身体：

<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 class="row-fluid">
          <div class="span12"><a href="#x"><img src="images/Fiona & Catherine.jpg" alt="Ladies Dancing" style="max-width:100%; max-height: 75%;"></a></div>
        </div><!--/row-fluid-->
      </div><!--/item-->

      <div class="item">
        <div class="row-fluid">
            <div class="span12"><a href="#x"><img src="images/Group 1.jpg" alt="Group of Dancers" style="max-width:100%; max-height: 75%;"></a></div>
        </div><!--/row-fluid-->
      </div><!--/item-->

      <div class="item">
        <div class="row-fluid">
            <div class="span12"><a href="#x"><img src="images/Group 2.jpg" alt="Group of Dancers" style="max-width:100%; max-height: 75%;"></a></div>
        </div><!--/row-fluid-->
      </div><!--/item-->

    </div><!--/carousel-inner-->

    <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><!--/myCarousel-->

before closing body tag to try to call the javascript:  

<script src="js/bootstrap.js">
      $('.carousel').carousel();
    </script>

我是网页设计的初学者，所以感谢您的帮助!!!

Answer 1

两个单独的脚本标签，先生：）

<script src="js/bootstrap.js"></script>
<script>
     $(function() {
         $('.carousel').carousel();
     });
</script>

Answer 2

首先，我认为你应该使用Twitter Bootstrap 3，因为它是Bootstrap的最新版本。

关于你的问题，看看你在调用bootstrap.js文件之前是否正在调用jquery。

使用bootstrap 2的轮播问题

2 个答案: