javascript - 具有不同设置的多个 Bootstrap 轮播

Question

我的页面中有多个轮播，它们的工作方式都相同。

我想让其中一个有不同的设置(间隔)，但我无法实现。

Here is the fiddle.

我想让“#slideshow”轮播与间隔/自动幻灯片设置为事件状态，而其余的则禁用间隔/自动幻灯片。

jQuery('.carousel').each(function () {
    jQuery(this).carousel({
        interval: false
    });
    jQuery('#slideshow').carousel({
        interval: 3000
    });
});

Answer 1

只需删除您编写的大部分 jQuery，只留下这个:

$('#slideshow').carousel({
    interval: 3000
});

<强> FIDDLE

我的解决方案只是代码的一个分支，删除了不需要的 jQuery。

另外，请注意，您可以一直简单地键入 $ 而不是 jQuery。

最后，您忘记在 Fiddle 中选择 jQuery 的版本。 :P