多个bootstrap轮播与不同的设置

时间:2015-03-13 10:44:54

标签: javascript jquery twitter-bootstrap-3 carousel

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

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

Here is the fiddle.

我想要#34;#幻灯片"轮播工作时间隔/自动滑动设置为活动状态,其余部分禁用间隔/自动滑动。

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

1 个答案:

答案 0 :(得分:1)

摆脱你所写的大部分jQuery,只留下这个:

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

<强> FIDDLE

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

另外,请注意,您只需输入$而不是jQuery。

最后,你忘了在你的小提琴中选择一个jQuery版本。 :P