我的twitter-bootstrap旋转木马到底发生了什么?

时间:2015-03-25 02:42:38

标签: jquery html css twitter-bootstrap

有人可以帮我弄清楚这个旋转木马我做错了什么吗?我几乎只使用了Bootstrap的介绍页面上的内容。我相信我的页面上有jQuery。感谢您的帮助,以下是它现在的样子:

enter image description here

声明

<!-- Stylesheets -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="header.css"> 
<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js">

我的旋转木马(我确保上传/ hamster.jpg和其他内容都是真实的并在我的文件夹中)

<div id="Carousel" class="carousel slide">
        <ol class="carousel-indicators">
            <li data-target="Carousel" data-slide-to="0" class="active"></li>
            <li data-target="Carousel" data-slide-to="1"></li>
            <li data-target="Carousel" data-slide-to="2"></li>
        </ol>

        <div class="carousel-inner">
            <div class="item active">
                <img src="uploads/Hamster.jpg">
            </div>
            <div class="item">
                <img src="uploads/sample1.jpg">
            </div>
            <div class="item">
                <img src="uploads/Sample2.jpg">
            </div>
        </div>

        <a class="left carousel-control" href="#Carousel" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="right carousel-control" href="#Carousel" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
</div>

enter image description here

1 个答案:

答案 0 :(得分:2)

首先,您的脚本订单错误。你应该总是首先加载jQuery。主要问题是你将bootstrap js设置为样式表而不是脚本。此外,您正在加载jQuery两次,这是不必要的,可能会导致冲突。请尝试下面的新订单。

<!-- Stylesheets -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="header.css"> 

<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>

第二回答:

请看下面的小提琴。复制代码并更新映像src / paths。也许当你剥离控件时,你不小心删除了别的东西。

JS小提琴: http://jsfiddle.net/x981uzvq/

<强>答案:  标签缺少type =“text / javascript”