引导转盘冻结

时间:2017-09-12 04:51:23

标签: javascript jquery html css twitter-bootstrap

我曾经问过一个关于多个bootstrap轮播的问题,并且从Stack Overflow用户那里收到了一个绝对优秀的代码。

您可以在此处查看代码:How to place two bootstrap carousels in the same page?上次修改

我使用的是用户提供的相同代码。但问题是,当页面长时间打开时,旋转木马会冻结。

冻结我是指第一个滑块,在指定的间隔后停止滑动。如果我手动点击导航按钮,它会滑动。

对于第二个轮播和缩略图,问题是当我点击缩略图时,相应的图像没有显示在第二个轮播中。

将代码粘贴到页面中的任何数量的刷新或复制都无济于事。

我的页面上显然还有其他元素,但没有一个有jquery或类似的类名。因此排除了类名或id名称的重叠。

问题出在哪里?

任何形式的帮助将不胜感激。感谢。

2 个答案:

答案 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”。