2016-07-08 78 views
0

我製作了一張帶有6張照片的傳送帶,但下面的傳送帶指示燈不起作用。只有前三個轉盤指示器,點擊後,帶我到正確的幻燈片(單擊第一個指示器帶我到第一張幻燈片)。點擊最後三個指標不會改變輪播。我哪裏錯了?傳送帶指示燈不工作

<div class="container"> 
     <div class="row"> 
      <div class="col-md-12"> 
       <div class="carousel slide" data-ride="carousel" id="carousel"> 
        <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> 
         <li data-target="#carousel" data-slise-to="3"></li> 
         <li data-target="#carousel" data-slise-to="4"></li> 
         <li data-target="#carousel" data-slise-to="5"></li> 
         <li data-target="#carousel" data-slise-to="6"></li> 
        </ol> 
        <div class="carousel-inner"> 
         <div class="item active"> 
          <div class="row-fluid"> 
           <img src="nico-rosberg.jpg" class="cimg"> 
           <img src="Taking%20control.png" class="cimg2"> 
          </div> 
          <div class="carousel-caption"> 
           <h1>Race info to go here</h1> 
          </div> 
         </div> 
         <div class="item"> 
          <div class="row-fluid"> 
           <img src="nico-rosberg.jpg" class="cimg"> 
           <img src="smile.png" class="cimg2"> 
          </div> 
          <div class="carousel-caption"> 

          </div> 
         </div> 
         <div class="item"> 
          <div class="row-fluid"> 
           <img src="nico-rosberg.jpg" class="cimg"> 
           <img src="question-mark.png" class="cimg2"> 
          </div> 
          <div class="carousel-caption"> 

          </div> 
         </div> 
         <div class="item"> 
          <div class="row-fluid"> 
           <img src="nico-rosberg.jpg" class="cimg"> 
           <img src="pulp%20fiction.jpg" class="cimg2"> 
          </div> 
          <div class="carousel-caption"> 

          </div> 
         </div> 
         <div class="item"> 
          <div class="row-fluid"> 
           <img src="max.jpg" class="cimg"> 
           <img src="look%20to%20your%20left.jpg" class="cimg2"> 
          </div> 
          <div class="carousel-caption"> 

          </div> 
         </div> 
         <div class="item"> 
          <div class="row-fluid"> 
           <img src="lewis-hamilton.jpg" class="cimg"> 
           <img src="le%20Ferrari.jpg" class="cimg2"> 
          </div> 
          <div class="carousel-caption"> 

          </div> 
         </div> 
        </div> 
       </div> 
      </div> 

回答

1

你有一個錯字:使用data-slide-to代替data-slise-to

<div class="container"> 
    <div class="row"> 
     <div class="col-md-12"> 
      <div class="carousel slide" data-ride="carousel" id="carousel"> 
       <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> 
        <li data-target="#carousel" data-slide-to="3"></li> 
        <li data-target="#carousel" data-slide-to="4"></li> 
        <li data-target="#carousel" data-slide-to="5"></li> 
        <li data-target="#carousel" data-slide-to="6"></li> 
       </ol> 
       <div class="carousel-inner"> 
        <div class="item active"> 
         <div class="row-fluid"> 
          <img src="nico-rosberg.jpg" class="cimg"> 
          <img src="Taking%20control.png" class="cimg2"> 
         </div> 
         <div class="carousel-caption"> 
          <h1>Race info to go here</h1> 
         </div> 
        </div> 
        <div class="item"> 
         <div class="row-fluid"> 
          <img src="nico-rosberg.jpg" class="cimg"> 
          <img src="smile.png" class="cimg2"> 
         </div> 
         <div class="carousel-caption"> 

         </div> 
        </div> 
        <div class="item"> 
         <div class="row-fluid"> 
          <img src="nico-rosberg.jpg" class="cimg"> 
          <img src="question-mark.png" class="cimg2"> 
         </div> 
         <div class="carousel-caption"> 

         </div> 
        </div> 
        <div class="item"> 
         <div class="row-fluid"> 
          <img src="nico-rosberg.jpg" class="cimg"> 
          <img src="pulp%20fiction.jpg" class="cimg2"> 
         </div> 
         <div class="carousel-caption"> 

         </div> 
        </div> 
        <div class="item"> 
         <div class="row-fluid"> 
          <img src="max.jpg" class="cimg"> 
          <img src="look%20to%20your%20left.jpg" class="cimg2"> 
         </div> 
         <div class="carousel-caption"> 

         </div> 
        </div> 
        <div class="item"> 
         <div class="row-fluid"> 
          <img src="lewis-hamilton.jpg" class="cimg"> 
          <img src="le%20Ferrari.jpg" class="cimg2"> 
         </div> 
         <div class="carousel-caption"> 

         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
+0

哦,天哪,這是令人尷尬的。我無法發現它!感謝您指出。 –

+0

每次都會發生:-) –