[英]Carousel not sliding automatically JQuery 1.12.4 and Bootstrap 3.3.6
[英]Bootstrap Carousel not sliding automatically in Rails 3.2.13
它在幾分鍾前工作正常,但現在它沒有工作。我正在使用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不是函數[Break On This Error]
暫停:'假'
我哪里錯了?
使用此引導程序文件
<script src="http://twitter.github.io/bootstrap/dist/js/bootstrap.js"></script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.