使用轮播更改引导选项卡

Question

我被要求让活动轮播图片更改引导选项卡以使其具有活动类。我不知道如何做到这一点，并尝试捕获活动的第一个标签，然后我需要迭代它们但不知道如何及时使用旋转木马的滑块。 这就是我所在的地方：

var activeTab = $('.tabpanel ul li.active');
$('.carousel').on('slide.bs.carousel', function() {
    activeTab.next.addClass('.active');

});

代码只是控制台中的错误。

Answer 1

下一个语法有括号。你错过了括号

 activeTab.next().addClass('.active');

Answer 2

这就是我实现它的方式。首先获取轮播中的current index，然后使用它来确定要显示的选项卡。未经测试的代码，但应该足够了：

$('.carousel').on('slide.bs.carousel', function() {
    //var index = $('.carousel .active').index('.carousel .item');
    var carouselData = $(this).data('bs.carousel');
    var index = carouselData.getActiveIndex();
    var activeTab = $('.tabpanel ul li.active');
    activeTab.removeClass('.active');
    var tabs = $('.tabpanel ul li');
    tabs[index].addClass('.active');
});