使引导选项卡随转盘一起更改

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

这就是我实现它的方式。首先在carousel中获取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');
});