BOOTSTRAP旋转木马是不是滑动

-1

BOOTSTRAP旋转木马在所有我一直试图让这个转盘工作不滑动，但它不想总是在活动幻灯片滑动住宿和按钮利己工作，以及我” VE检查了所有环节中的所有文件的JS和CSS everysingle一个作品，但我不知道为什么转盘不滑动只是在活动一个BOOTSTRAP旋转木马是不是滑动

<!-- language: lang-html --> 
<div class="container"> 
    <div class="row"> 
     <div class="col-md-12"> 
      <div id="carousel-staffpick" class="carousel slide" data-ride="carousel"> 
       <!-- indicators --> 
       <ol class="carousel-indicators"> 
        <li data-target="#carousel-staffpick" data-slide-to="0"></li> 
        <li data-target="#carousel-staffpick" data-slide-to="1" 
         class="active"></li> 
        <li data-target="#carousel-staffpick" data-slide-to="2"></li> 
       </ol> 
       <!-- wrapper for slides --> 
       <div class="carousel-inner"> 
        <!-- item 01 --> 
        <div class="item text-center"> 
         <img src="{% static 'img/client-01.jpg' %}" alt="staffpick" class="center-block"> 
         <div class="staffpick-caption"> 
          <h2>Ryad Mahrer</h2> 
          <h4> 
           <span> FootBall Player </span>Licter City 
          </h4> 
          <p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed 
           do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
           Ut enim ad minim veniam, quis nostrud exercitation ullamco 
           laboris nisi ut aliquip.”</p> 
         </div> 
        </div> 
        <!-- item 02 --> 
        <div class="item active text-center"> 
         <img src="{% static 'img/client-02.jpg' %}" alt="client-02" class="center-block"> 
         <div class="staffpick-caption"> 
          <h2>zlatan ibrahimovic</h2> 
          <h4> 
           <span> FootBall PLayer </span>Man Unt 
          </h4> 
          <p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed 
           do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
           Ut enim ad minim veniam, quis nostrud exercitation ullamco 
           laboris nisi ut aliquip.”</p> 
         </div> 
        </div> 
        <!-- item 03 --> 
        <div class="item text-center"> 
         <img src="{% static 'img/client-03.jpg' %}" alt="staffpick" class="center-block"> 
         <div class="staffpick-caption"> 
          <h2>Jamie Vardy</h2> 
          <h4> 
           <span> FootBall PLayer </span>Licter City 
          </h4> 
          <p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed 
           do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
           Ut enim ad minim veniam, quis nostrud exercitation ullamco 
           laboris nisi ut aliquip.”</p> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
    <script src="{% static 'js/bootstrap.min.js' %}"></script> 
    <script src="{% static 'js/jquery-3.1.1.min.js' %}"></script> 
    <script language="JavaScript" type="text/javascript"> 
     $(document).ready(function(){ 
     $('.carousel').carousel({ 
      interval: 2000 
     }) 
     });  
    </script>

编辑留下：我已经试过滑块作品当我在网上尝试它，但它不会在我的本地主机上工作

来源

2016-12-01 LeLouch

'bootstrap.js'在哪里？你有附加它吗？ –

你有任何错误？ –

是的，我已经连接bootstrap.js ..我没有得到任何错误，只是它不会滑动 – LeLouch

我已经bootstrap.js的jQuery之前调用，引导jQuery的需要。通过更改顺序，所以jquery首先解决问题感谢Bosc

来源

2016-12-02 16:02:54 LeLouch

我想你已经忘记添加“bootstrap.js”

供大家参考，我创建codepen请看看

http://codepen.io/santoshkhalse/pen/gLorga

[1]: http://codepen.io/santoshkhalse/pen/gLorga

来源

2016-12-01 12:53:45

BOOTSTRAP旋转木马是不是滑动

回答

相关问题