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旋转木马不包裹左

回答

相关问题