Javascript 引导传送带isn';t形滑动

Javascript 引导传送带isn';t形滑动,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,引导转盘根本不滑动 我一直在尝试使这个旋转木马工作,但它不想滑动始终停留在活动幻灯片和按钮不工作,以及我已经检查了所有的链接所有文件在JS和css每一个单独的工作,但我不知道为什么旋转木马不滑动,只是停留在活动的一个 <!-- language: lang-html --> <div class="container"> <div class="row"> <div class="col-md-12">

引导转盘根本不滑动 我一直在尝试使这个旋转木马工作,但它不想滑动始终停留在活动幻灯片和按钮不工作,以及我已经检查了所有的链接所有文件在JS和css每一个单独的工作,但我不知道为什么旋转木马不滑动,只是停留在活动的一个

<!-- 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>

  • 里亚德·马勒 足球运动员利克特城 “Lorem ipsum dolor sit amet,Adipising Elite,sed 临时性的劳动和工作都是不可能的。 我们的工作是最低限度的,我们的工作是实践性的 拉伯里斯·尼西·乌特·阿利奎普。”

    兹拉坦·伊布拉希莫维奇 足球运动员 “Lorem ipsum dolor sit amet,Adipising Elite,sed 临时性的劳动和工作都是不可能的。 我们的工作是最低限度的,我们的工作是实践性的 拉伯里斯·尼西·乌特·阿利奎普。”

    杰米·瓦迪 足球运动员利克特城 “Lorem ipsum dolor sit amet,Adipising Elite,sed 临时性的劳动和工作都是不可能的。 我们的工作是最低限度的,我们的工作是实践性的 拉伯里斯·尼西·乌特·阿利奎普。”

    $(文档).ready(函数(){ $('.carousel')。carousel({ 间隔时间:2000年 }) });

    编辑:我已经尝试过在联机时使用滑块,但在我的本地主机上不起作用

    我想你忘了添加“bootstrap.js”

    为了你的参考,我已经创建了代码笔,请看一看


    我在jquery之前调用过bootstrap.js,bootstrap需要jquery。 通过改变顺序,jquery首先解决了问题
    多亏了

    bootstrap.js在哪里?你附加了它吗?你有什么错误吗?是的,我附加了bootstrap.js。。我没有得到任何错误,只是它不会滑动在jquery之前调用bootstrap.js,bootstrap需要jquery。只需更改顺序,使jquery成为第一位。谢谢您解决了这个问题
     [1]: http://codepen.io/santoshkhalse/pen/gLorga