2015-03-25 61 views
1

有人可以幫我弄清楚我在這個旋轉木馬上做錯了什麼嗎?我幾乎只是利用了Bootstrap的介紹頁面上的內容。我確信我的頁面上有jQuery。感謝您的幫助,下面是它看起來像現在:我的twitter-bootstrap旋轉木馬到底發生了什麼?

enter image description here

聲明

<!-- Stylesheets --> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
<link rel="stylesheet" type="text/css" href="header.css"> 
<!-- Scripts --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"> 

我的旋轉木馬(我確信,上傳/ hamster.jpg和其他人是真實的,在我的文件夾)

<div id="Carousel" class="carousel slide"> 
     <ol class="carousel-indicators"> 
      <li data-target="Carousel" data-slide-to="0" class="active"></li> 
      <li data-target="Carousel" data-slide-to="1"></li> 
      <li data-target="Carousel" data-slide-to="2"></li> 
     </ol> 

     <div class="carousel-inner"> 
      <div class="item active"> 
       <img src="uploads/Hamster.jpg"> 
      </div> 
      <div class="item"> 
       <img src="uploads/sample1.jpg"> 
      </div> 
      <div class="item"> 
       <img src="uploads/Sample2.jpg"> 
      </div> 
     </div> 

     <a class="left carousel-control" href="#Carousel" data-slide="prev"> 
      <span class="glyphicon glyphicon-chevron-left"></span> 
     </a> 
     <a class="right carousel-control" href="#Carousel" data-slide="next"> 
      <span class="glyphicon glyphicon-chevron-right"></span> 
     </a> 
</div> 

enter image description here

回答

2

首先,你的腳本命令是錯誤的。你應該總是先加載jQuery。主要問題是您將bootstrap js設置爲樣式表而不是腳本。此外,你正在加載jQuery兩次,這是沒有必要的,可能會導致衝突。請嘗試下面的新訂單。

<!-- Stylesheets --> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
<link rel="stylesheet" type="text/css" href="header.css"> 

<!-- Scripts --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 

第二個答案:

請參閱下面的小提琴。複製代碼並更新圖像的src /路徑。也許當你剝奪了控件時,你意外刪除了其他東西。

JS小提琴: http://jsfiddle.net/x981uzvq/

答: 標籤缺少類型= 「文/ JavaScript的」

+1

請這是否固定你的問題或不@Script小貓發表評論,它應該幫助,否則在其他人試圖回答這個問題上沒有意義。 – 2015-03-25 03:08:28

+0

是的,我也會檢查圖像路徑。即使腳本命令混亂,它們仍然應該在技術上顯示。 – 2015-03-25 03:09:25

+0

感謝您的建議!不幸的是,它沒有解決這個問題,也沒有影響當前正在發生的事情。 – 2015-03-25 03:09:41