Question

我几乎没有Javascript天赋。我的两个旋转木马都在页面上使用这个Javascript，但页面上没有两个旋转木马。

jQuery(function(){
     jQuery('.carousel').carousel({interval: 5000});
     jQuery(".carousel-indicators li:first").addClass("active");
     jQuery(".carousel-inner .carousel-item:first").addClass("active");
});

如何修改此代码块以使用页面上的两个轮播？我的两个Bootstrap 4轮播实例是id：#basic-carousel和＃wide-carousel。

Answer 1

根据我的评论，这相当于我所做的：

jQuery(function(){
     jQuery("#enclosingDiv").find('.carousel').carousel({interval: 5000});
     jQuery("#enclosingDiv").find(".carousel-indicators li:first").addClass("active");
     jQuery("#enclosingDiv").find(".carousel-inner .carousel-item:first").addClass("active");
});

在我的情况下，我也为.carousel元素设置了不同的id，但也许你不需要这样做。

Answer 2

jQuery(function(){
    jQuery("#basic-carousel .carousel-indicators li:first").addClass("active");
    jQuery("#basic-carousel .carousel-inner .carousel-item:first").addClass("active");
});

jQuery(function(){
    jQuery("#wide-carousel .carousel-indicators li:first").addClass("active");
    jQuery("#wide-carousel .carousel-inner .carousel-item:first").addClass("active");
});

在页面上的两个Bootstrap轮播的Javascript

2 个答案: