Bootstrap旋轉木馬不移動下一個或上一個

我對Bootstrap相當新。我的旋轉木馬不會前進或返回。下面的代碼：Bootstrap旋轉木馬不移動下一個或上一個

[代碼]

<html> 
<head> 
    <link rel="Stylesheet" type="text/css" href="css/bootstrap.css" /> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('.carousel').carousel(); 
     }); 
    </script> 
</head> 
<body> 
<center> 
<div class="container"> 
<div class="row"> 
<div class="span6 well"> 
<div id="myCarousel" class="carousel"> 
<div class="carousel-inner"> 
<div class="item"><img src="1.jpg"></div> 
<div class="item active"><img src="2.jpg"></div> 
<div class="item"><img src="3.jpg"></div> 
<div class="item"><img src="4.jpg"></div> 
</div> 
<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> 
</div> 
</div> 
<script src="carousel.js"></script> 
</center> 
</body> 
</html>

有人可以告訴我什麼，我做錯了嗎？

任何/所有的幫助表示讚賞。

來源

2013-10-09 BooTstrapp3r

確保你爲了加入這個（.js文件），你指向正確的文件夾，你把它們放在：

1- jQuery庫

2- JS自舉3

3-你的旋轉木馬JS

例如：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="bootstrap.min.js"></script> 
<script src="carousel.js"></script>

希望這將幫助你

來源

2013-10-09 19:44:23

謝謝！你是最棒的 – BooTstrapp3r

很高興聽到你的問題解決了@ BooTstrapp3r，發生在我身上時，當我第一次開始使用引導程序，所以請記住總是命令你的.js文件，尤其是前兩個（.js）。 –

測試

<script src="carousel.js"></script> 

<div id="myCarousel" class="carousel slide" > 

     <!-- Wrapper for slides --> 
     <div class="carousel-inner"> 
    <div class="item"><img src="1.jpg"></div> 
<div class="item active"><img src="2.jpg"></div> 
<div class="item"><img src="3.jpg"></div> 
<div class="item"><img src="4.jpg"></div> 
     </div> 
     <!-- Controls--> 
    <a class="left carousel-control" href="#myCarousel" data-slide="prev"> 
    <span class="icon-prev"></span> 
    </a> 
    <a class="right carousel-control" href="#myCarousel" data-slide="next"> 
    <span class="icon-next"></span> 
    </a> 
     </div> 
     <!-- /.carousel --> 

    <script> 
$('#myCarousel').carousel 
({ 
    interval: 2000, 


    }) 

</script>

來源

2013-10-09 18:33:08 Zeeba

Zeeba，甚至不會移動到下一個圖像雖然左，右箭頭。我會試試你的解決方案。 – BooTstrapp3r

我只是複製並粘貼你的代碼，但它仍然無法工作。任何想法爲什麼？ – BooTstrapp3r

確保carousel.js位於根目錄中，因爲這是您指向的目錄。 – Zeeba

Bootstrap旋轉木馬不移動下一個或上一個

回答

相關問題