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

Multiple bootstrap carousels with different settings

本文关键字：设置      更新时间：2023-09-26

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

我想让其中一个具有不同的设置（间隔），但我无法实现它。

这是小提琴。

我希望"#slideshow"轮播将间隔/自动幻灯片设置为活动状态，其余部分禁用间隔/自动幻灯片。

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

只需删除您编写的大部分 jQuery，只留下以下内容：

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

小提琴

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

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

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

相关文章：