2017-06-13 79 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> 
相關問題