2016-07-08 77 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

每次都会发生:-) –