声明
<!-- 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>
答案 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”