Question

几分钟前它工作正常但是现在它没有用。我正在使用 bootstrap-sass gem这是因为bootstrap刚升级到 Bootstrap 3 ？

这是我的代码。

    <head>  
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
</head>  

<script type="text/javascript">
  $(document).ready(function() {
    $('.carousel').carousel({
      interval: 1200,
      pause: 'false'
    })
  });
</script>

<div class="container" id="carousel">

    <div id="myCarousel" class="carousel slide carousel-fade">
      <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>
        <li data-target="#myCarousel" data-slide-to="3"></li>
      </ol>
      <!-- Carousel items -->
      <div class="carousel-inner">
        <div class="active item"><%= image_tag '4.jpg' %><div class="carousel-caption"><p>Caption text here</p></div></div>
        <div class="item"><%= image_tag '5.jpg' %><div class="carousel-caption"><p>Caption text here</p></div></div>
        <div class="item"><%= image_tag '2.jpg' %><div class="carousel-caption"><p>Caption text here</p></div></div>
        <div class="item"><%= image_tag '6.jpg' %><div class="carousel-caption"><p>Caption text here</p></div></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>

</div>

问题出在哪里。我正在使用 Rails 3.2.13 。提供解决方案有时会显示

TypeError：$（...）。carousel不是函数   [打破此错误]

暂停：'false'

我哪里错了？

Answer 1

使用此引导程序文件

 <script src="http://twitter.github.io/bootstrap/dist/js/bootstrap.js"></script>

Bootstrap Carousel在Rails 3.2.13中不会自动滑动

1 个答案: