为什么Bootstrap的Carousel左箭头会引发错误，而右箭头却可以正常工作? [英] Why Bootstrap's Carousel left arrow throws errors while the right one works fine?

问题描述

我已创建此页面 http://www.virtuemax.com/projects/urtotal/index.html

它是一个静态页面，完全基于bootstrap的框架构建.轮播工作正常，但是当您单击向左箭头将轮播导航到左侧时，会引发错误.有人可以帮忙吗?

Its a static page and built entirely on bootstrap's framework. The carousel works fine but when you click the left arrow to navigate the carousel to the left it throws errors. Can anyone help?

推荐答案

您的HTML编写不正确

Your HTML is not written properly

<div class="carousel-inner">
<img id="floral" src="img/floralOrange.png" alt="">

<div class="item active">
    <img alt="Slide 1" src="img/slide1.jpg">
</div>

<div class="item">
    <img alt="" src="img/slide2.jpg">
</div>
</div>

第一个图像应该像其他图像一样包裹在<div class="item"></div>中. 另外，您一次包含2个jquery插件.删除一个以避免不必要的冲突

The first image should be wrapped inside <div class="item"></div> like the other. Also you are including 2 jquery plugin at a time. Remove one to avoid unwanted conflict

这篇关于为什么Bootstrap的Carousel左箭头会引发错误，而右箭头却可以正常工作?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！