具有不同设置的多个引导轮播

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