Jquery 使用旋转木马更改引导选项卡

我被要求使活动的旋转木马图片更改引导选项卡，使其也具有活动类。我不知道该如何做，并且已经尝试捕获活动的第一个选项卡，然后我需要迭代它们，但不确定如何使用旋转木马的滑块及时执行此操作。 这就是我的处境：

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

});

---

代码只是控制台中的错误

下一个语法有括号。你漏掉了括号

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

---

这就是我将如何实现它。首先在旋转木马中获取标签，然后使用该标签确定要显示的标签。未经测试的代码，但应足够：

$('.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');
});

---

当然，当它到达最后一个选项卡时，这将不起作用。@DavidG这不是一个问题，好的，对不起，我不理解这个评论。Op ask the错误在控制台中，这就是为什么我接下来发现这个问题。他漏掉了代码中的括号。我指出了那个错误\是的，它没有做我想让它做的事。我希望该选项卡处于活动状态并显示该选项卡。它无法获取项目的索引，因此我尝试将其+1添加到.index（'.carousel.item'）中，但它始终提醒0未定义不是一个函数