Javascript 旋转引导

Javascript 旋转引导,javascript,jquery,twitter-bootstrap,carousel,Javascript,Jquery,Twitter Bootstrap,Carousel,我已经盯着这段代码看了大约4个小时,并且试着看了一些不同的教程。问题是滑块加载,有3张幻灯片的空间,但它只显示第一张幻灯片 所有图像加载良好(在浏览器中验证),但旋转木马不会更改幻灯片 请帮忙,谢谢 <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/js/bootstrap.min.js"> <!--Familiar with

我已经盯着这段代码看了大约4个小时,并且试着看了一些不同的教程。问题是滑块加载,有3张幻灯片的空间,但它只显示第一张幻灯片

所有图像加载良好(在浏览器中验证),但旋转木马不会更改幻灯片

请帮忙,谢谢

<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/js/bootstrap.min.js">
<!--Familiar with CSS -->
<link rel="stylesheet" href="assets/css/custom.css">
                    <div id="creativecommons" class="carousel slide" data-ride="carousel">

                        <ol class="carousel-indicators">
                            <li data-target="#creativecommons" data-slide-to="0" class="active"> </li>
                            <li data-target="#creativecommons" data-slide-to="1" class> </li>
                            <li data-target="#creativecommons" data-slide-to="2" class> </li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="item active">
                                <img src="assets/images/slide1.jpg" alt="beach" class="img-responsive">
                            </div>
                            <div class="item">
                                <img src="assets/images/slide2.jpg" alt="beach" class="img-responsive">
                            </div>
                            <div class="item">
                                <img src="assets/images/slide3.jpg" alt="beach" class="img-responsive">
                            </div>
                        </div>
                    </div>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 <script src="irwtbawd/assets/js/bootstrap.min.js"></script>


  • 您是否尝试使用javascript调用它

    $('.carousel').carousel()
    

    我可以看到一些错误,在顶部你有
    删除,因为这应该是CSS而不是JS文件,你已经在调用下面的引导JS。我看到的另一件事是boostrap.min.js是从不同于rest
    irwtbawd/assets/
    的根文件夹调用的,而不是像另一个那样只调用
    assets/
    可能是一个问题,因为没有正确链接到您的资产

    --编辑--

    另外,我刚刚注意到您在
    转盘指示器中的第二个和第三个
  • 项中有错误的HTML标记

    更改:

  • 致:

  • 删除单词class

    这里还有一个我刚刚拼凑的,你可以在那里测试一下

    以防万一(对于新手)。不需要
    Jquery
    ,只需将其添加到转盘的第一个div:
    data ride=“carousel”


    我没有使用此项目的命令行,我应该在retrospect中使用。有没有一种方法可以不用命令行来测试这一点?同样,旋转木马显示在页面上,带有三个
  • 点,但我无法从第一个加载的图像开始移动。打开浏览器控制台,确保所有的js和css都在加载,而不是得到404。我想象的是,你接受samfch建议,尝试调用html文件中的插件,打开浏览器控制台,它会出错,说无法找到旋转木马,您需要确认您的css和js正在加载提示,删除了链接样式表,并更改了目录路径。还是没什么。我是否应该提供任何其他信息来简化此过程?感谢Amir5000,我有一个错误,表明我的jquery脚本没有正确加载。我仔细检查了链接,发现它与google的链接相匹配,我应该下载jquery并将其添加到assets/js文件夹吗?也谢谢你创造了小提琴,我现在可以运行了,但我会检查它以后!是的,我会的。在请求失败的情况下,备份更可靠。
    div id="myCarousel" class="carousel slide" data-interval="3000"  data-ride="carousel">