数分前は問題なく動作していましたが、現在は動作していません。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" >‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
</div>
問題はどこだ。Rails 3.2.13を使用しています。解決策を提供します。
時々それは示します
TypeError: $(...).carousel は関数ではありません [このエラーで中断]
一時停止: 「偽」
どこが間違っていますか?