2017-06-13 36 views
0

我已阅读了与此相关的大多数答案,但仍无法让我的传送带正常工作。它只是不会滑动。在bootstrap之前添加了jquery脚本,但仍然没有结果。下面是代码:即使正确放置脚本后,引导程序传送带也不滑动

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<link href="assets/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"> 

<div class="container"> 
    <div id="myCarousel1" class="carousel slide" data-ride="carousel" > 
    <!-- Indicators --> 
    <ol class="carousel-indicators"> 
     <li data-target="#myCarousel1" data-slide-to="0" class="active"></li> 
     <li data-target="#myCarousel1" data-slide-to="1"></li> 
     <li data-target="#myCarousel1" data-slide-to="2"></li> 
    </ol> 

    <!-- Wrapper for slides --> 
    <div class="carousel-inner" style="width:100%; max-height: 500px;"> 
     <div class="item active"> 
     <img src="https://static.pexels.com/photos/3247/nature-forest-industry-rails.jpg" style="width:100%;" /> 
     </div> 

     <div class="item"> 
     <img src="https://static.pexels.com/photos/3247/nature-forest-industry-rails.jpg" style="width:100%;" /> 
     </div> 

     <div class="item"> 
     <img src="https://static.pexels.com/photos/3247/nature-forest-industry-rails.jpg" style="width:100%;" /> 
     </div> 
    </div> 

    <!-- Left and right controls --> 
    <a class="left carousel-control" href="#myCarousel1" data-slide="prev"> 
     <span class="glyphicon glyphicon-chevron-left"></span> 
     <span class="sr-only">Previous</span> 
    </a> 
    <a class="right carousel-control" href="#myCarousel1" data-slide="next"> 
     <span class="glyphicon glyphicon-chevron-right"></span> 
     <span class="sr-only">Next</span> 
    </a> 
    </div> 
</div> 
+1

这缺少引导脚本 –

+0

“把剧本后甚至properl--”没了。 –

+0

哦,是的!谢谢。 –

回答

0

添加这也是你的代码

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> 
相关问题