具有不同设置的多个 bootstrap 个轮播

Question

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

虽然我想让其中之一有不同的设置（间隔），但我做不到。

Here is the fiddle.

我想让“#slideshow”轮播与 interval/auto 幻灯片设置为活动状态，其余的 interval/auto 幻灯片已禁用。

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