Bootstrap旋轉木馬不包裹左

Bootstrap旋轉木馬工作正常，除了它不會從第一張幻燈片到最後一張幻燈片時單擊左箭頭。除了在第一張幻燈片上，左箭頭完美地工作，然後傳送帶消失。Bootstrap旋轉木馬不包裹左

$(document).ready(function() { 
    $('#myCarousel').carousel({ 
     interval: false, 
    }); 
});

<div class="row"> 
     <div id="myCarousel" class="carousel slide"> 
      <div class="carousel-inner"> 
       <!-- Indicators --> 
       <ul class="carousel-indicators"> 
        <li data-target="#myCarousel" class="active"></li> 
        <li data-target="#myCarousel"></li> 
        <li data-target="#myCarousel"></li> 
        <li data-target="#myCarousel"></li> 
       </ul> 

       <!-- Slide 0 --> 
       <div class="item active"> 
        <img src="carousel0.jpg"> 
        <div class="carousel-caption"> 
         <h3>Image 0</h3> 
         <p>Image 0 Description</p> 
        </div> 
       </div> 
       <!-- Slide 1 --> 
       <div class="item"> 
        <img src="carousel1.jpg"> 
        <div class="carousel-caption"> 
         <h3>Image 1</h3> 
         <p>Image 1 Description</p> 
        </div> 
       </div> 
       <!-- Slide 2 --> 
       <div class="item"> 
        <img src="carousel2.jpg"> 
        <div class="carousel-caption"> 
         <h3>Image 2</h3> 
         <p>Image 2 Description</p> 
        </div> 
       </div> 
       <!-- Slide 3 --> 
       <div class="item"> 
        <img src="carousel3.jpg"> 
        <div class="carousel-caption"> 
         <h3>Image 3</h3> 
         <p>Image 3 Description</p> 
        </div> 
       </div> 
      </div> 

      <!-- Controls --> 
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> 
       <span class="glyphicon glyphicon-chevron-left"></span> 
      </a> 
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> 
       <span class="glyphicon glyphicon-chevron-right"></span> 
      </a> 
     </div>

提琴手：https://jsfiddle.net/z4b2bwg6/7/

來源

2015-07-19 NateDawg87

你有沒有嘗試過不間隔：假？

interval：自動循環項目之間的延遲時間。如果爲false，則傳送帶不會自動循環。

另外，是wrap設置爲true？

包裝：傳送帶應該連續循環還是硬停。

來源

2015-07-19 06:47:21 TylerJPresley

好的，我拿走了逗號並添加了'wrap：true'，但它仍然不起作用。什麼會導致旋轉木馬包裝到右側，但不是左側？ – NateDawg87

檢查並刪除多餘的逗號在JS腳本 -

$(document).ready(function() { 
    $('#myCarousel').carousel({ 
     interval: false 
    }); 
});

然後記得把下面的HTML代碼jQuery代碼的轉盤。

這樣做後，它適用於我。

檢查在演示 - Code and demo of carousal

如果還是不行，必須有一些其他的問題，也許惡意JavaScript代碼或不封閉div標籤。

來源

2015-07-19 11:00:26 Divyavrat

Bootstrap旋轉木馬不包裹左

回答

相關問題