我曾经问过一个关于多个bootstrap轮播的问题,并且从Stack Overflow用户那里收到了一个绝对优秀的代码。
您可以在此处查看代码:How to place two bootstrap carousels in the same page?在上次修改
下我使用的是用户提供的相同代码。但问题是,当页面长时间打开时,旋转木马会冻结。
冻结我是指第一个滑块,在指定的间隔后停止滑动。如果我手动点击导航按钮,它会滑动。
对于第二个轮播和缩略图,问题是当我点击缩略图时,相应的图像没有显示在第二个轮播中。
将代码粘贴到页面中的任何数量的刷新或复制都无济于事。
我的页面上显然还有其他元素,但没有一个有jquery或类似的类名。因此排除了类名或id名称的重叠。
问题出在哪里?
任何形式的帮助将不胜感激。感谢。
答案 0 :(得分:0)
您在代码中遗漏了});
,因为我查看了您的jsfiddle,这是此jQuery(document).ready(function($) {
的终结符。立即查看jsfiddle here。
答案 1 :(得分:0)
在代码的第一行添加“数据间隔”
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="3000"></div>
1000是1秒,而3000是3秒。您可以使用所需的滑块速度替换“ 3000”。