Javascript 旋转引导
我已经盯着这段代码看了大约4个小时,并且试着看了一些不同的教程。问题是滑块加载,有3张幻灯片的空间,但它只显示第一张幻灯片 所有图像加载良好(在浏览器中验证),但旋转木马不会更改幻灯片 请帮忙,谢谢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
<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是从不同于restirwtbawd/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">