Bootstrap 轮播冻结

Question

我之前问过一个关于多个引导轮播的问题，并从 Stack Overflow 用户那里收到了一个非常好的代码。

您可以在此处查看代码： 如何在同一页面中放置两个引导程序轮播？ 在上次编辑下

我正在使用用户提供的相同代码。 但问题是当页面长时间保持打开状态时，轮播会冻结。

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

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

没有任何刷新或复制粘贴代码到页面中的帮助。

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

问题出在哪里？

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

Answer 1

在这里，您缺少一个}); 在您的代码中，当我查看您的 jsfiddle 时，这是此jQuery(document).ready(function($) {的终止符。现在在这里检查 jsfiddle。

Answer 2

在第一行代码添加“数据间隔”

<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="3000"></div>

1000 是 1 秒，3000 是 3 秒。 您可以用所需的滑块速度替换“3000”。