Bootstrap旋轉木馬控制不起作用

twitter引導旋轉木馬不起作用。我嘗試將ID（'#mycarousel'）更改爲.carousel或.mycarousel，但沒有任何工作。當我點擊控件時，它不會前進。這段代碼有什麼問題？Bootstrap旋轉木馬控制不起作用

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js></script> 
<script type="text/javascript"> 
function(){ 
    $('#mycarousel').carousel(); 
} 
</script> 
</head> 

<body> 
<div class="container"> 
<div class="row"> 

<div class="span12 well"> 
<div id="mycarousel" class="carousel slide span8"> 
<div class="carousel-inner"> 
    <div class="item active"><img src="car1.jpg"></div> 
    <div class="item"><img src="car2.jpg"></div> 
    <div class="item"><img src="car3.jpg"></div> 
    <div class="item"><img src="car4.png"></div> 
    <div class="item"><img src="car5.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="js/carousel.js"></script> 
<script src="js/bootstrap-transition.js"></script> 
<script src="js/bootstrap.js"></script> 
</body> 
</html>

來源

2013-07-10 SALAMAT Med Ayman

您是否收到任何錯誤消息？如果你這樣做，請將它們包含在你的問題中或作爲評論。 – Adam

下面的代碼永遠不會被執行，因爲你從來沒有真正調用它。

$('#mycarousel').carousel();

您應該更改如下：

function(){ 
    $('#mycarousel').carousel(); 
}

到：

$(function(){ 
    $('#mycarousel').carousel(); 
});

這將使得當DOM就緒時，它執行。

你也不要關閉您鏈接，從被loaded.The以下加載引導CSS標籤：

<link rel="stylesheet" type="text/css" href="css/bootstrap.css"

應該是：

<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />

您加載順序的JS文件，這我不確定它是否正確。我想他們應該是相反的順序。

來源

2013-07-10 17:18:09 Adam

它仍然不起作用。我也嘗試了一種不同的語法，我在這個網站上如此 $（document）.ready（function（）{（'。carousel'）。carousel（）; }）; 但它不工作。你能發現這個代碼片段的其他問題嗎？ –

我在答覆中增加了一些內容。另外，如果您可以訪問控制檯以查看加載頁面時是否有任何錯誤消息，則應打開該網站。您可以使用CTRL + SHIFT + J在windows上打開控制檯，在Mac上使用CMD + Opt + J打開控制檯。 – Adam

Bootstrap旋轉木馬控制不起作用

回答

相關問題