旋转木马幻灯片不滑动在铬和mozilla

我已经添加了一个旋转木马幻灯片到我的页面。它在Internet Explorer中工作正常，但不是在Chrome和Mozilla。我的意思是旋转木马几秒钟后自动滑动。它给滑动效果在其他人身上，但不是在铬和mozilla，虽然图像正在改变。我怎么也给铬的滑动效果。旋转木马幻灯片不滑动在铬和mozilla

下面是代码：

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"> 
    <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="3000" style="margin-top:-22px; margin-left:-15px; margin-right:-15px;"> 
     <!-- Indicators --> 
     <ol class="carousel-indicators"> 
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
      <li data-target="#myCarousel" data-slide-to="1"></li> 
      <li data-target="#myCarousel" data-slide-to="2"></li> 
      <li data-target="#myCarousel" data-slide-to="3"></li> 
      <li data-target="#myCarousel" data-slide-to="4"></li> 
      <li data-target="#myCarousel" data-slide-to="5"></li> 
     </ol> 
     <!-- Wrapper for slides --> 
     <div class="carousel-inner"> 
      <div class="item active"> 
       <img src="http://lorempixel.com/900/400/" alt="slid0" class="img-responsive"> 
       <div class="carousel-caption"></div> 
      </div> 
      <div class="item"> 
       <img src="http://lorempixel.com/900/400/" alt="slid1" class="img-responsive"> 
       <div class="carousel-caption"></div> 
      </div> 
      <div class="item"> 
       <img src="http://lorempixel.com/900/400/" alt="slid2" class="img-responsive"> 
       <div class="carousel-caption"></div> 
      </div> 
      <div class="item"> 
       <img src="http://lorempixel.com/900/400/" alt="slid3" class="img-responsive"> 
       <div class="carousel-caption"></div> 
      </div> 
      <div class="item"> 
       <img src="http://lorempixel.com/900/400/" alt="slid4" class="img-responsive"> 
       <div class="carousel-caption"></div> 
      </div> 
      <div class="item"> 
       <img src="http://lorempixel.com/900/400/" alt="slid5" class="img-responsive"> 
       <div class="carousel-caption"></div> 
      </div> 
     </div> 
     <!-- Controls --> <a class="left carousel-control" href="#myCarousel" data-slide="prev"> 
      <span class="icon-prev"></span> 
     </a> 
     <a class="right carousel-control" href="#myCarousel" data-slide="next"> 
      <span class="icon-next"></span> 
     </a> 

    </div>

来源

2017-05-31 ani

你能提一下你正在使用的脚本吗 – TheDarkKnight

尝试清除谷歌浏览器的缓存。我遇到类似的问题，并在清除缓存后解决问题。

来源

2017-05-31 12:22:29

没有改变 – ani

你需要jQuery来使它工作。你可以添加行

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

到你的代码（在javascript的bootstrap上面）来快速添加jQuery。

来源

2017-05-31 13:31:58

旋转木马幻灯片不滑动在铬和mozilla

回答

相关问题