Javascript 在引导选项卡中的滚动上添加类

我需要一个小的帮助，添加一个类在滚动引导选项卡carousal。 这是我的网页url

当我点击tabing中的任意点时，比如1,2,3。。活动类是在tabing上添加的，这是完美的，我使用的是这个脚本

    $('#myCarousel').bind('mousewheel', function(e){$(this).carousel('next');});

$('.tab li').on('click', function(){
    $('li.active').removeClass('active');
    $(this).addClass('active');
});

当类添加到li.active上时，它工作得非常好，但当我在选项卡容器中滚动时，我还希望在当前选项卡上添加.active类。我已经添加了滚动代码和工作完美，但需要类添加在。标签李当我滚动

下面是HTML代码

<div class="tab">
<div class="container-tab">
<ul class="list-inline nav">
<li data-target="#myCarousel" data-slide-to="0" class="active"> <a href="#">
<div class="round-tab-num"> 1 </div>
<p>Working Smart <small>not harder</small> </p>
</a> </li>
<li data-target="#myCarousel" data-slide-to="1"> <a href="#">
<div class="round-tab-num"> 2 </div>
<p>Working Smart <small>not harder</small> </p>
</a> </li>
<li data-target="#myCarousel" data-slide-to="2"> <a href="#">
<div class="round-tab-num"> 3 </div>
<p>Working Smart <small>not harder</small> </p>
</a> </li>
<li data-target="#myCarousel" data-slide-to="3"> <a href="#">
<div class="round-tab-num"> 4 </div>
<p>Working Smart <small>not harder</small></p>
</a> </li>
<li data-target="#myCarousel" data-slide-to="4"> <a href="#">
<div class="round-tab-num"> 5 </div>
<p>Working Smart <small>not harder</small></p>
</a> </li>
</ul>
<!--The main div for carousel-->
<div id="myCarousel" class="carousel horizantal slide" data-interval="false"> 

<!-- Sliding images statring here -->
<div class="carousel-inner">
<div class="item active">
<div class="carousel-caption">
<h3>test1</h3>
</div>
</div>
<div class="item">
<div class="carousel-caption">
<h3>test2</h3>
</div>
</div>
<div class="item">
<div class="carousel-caption">
<h3>test3</h3>
</div>
</div>
<div class="item">
<div class="carousel-caption">
<h3>test4</h3>
</div>
</div>
<div class="item">
<div class="carousel-caption">
<h3>test5</h3>
</div>
</div>
</div>

<!-- Next / Previous controls here -->

<div> </div>
</div>
</div>
</div>

---

更改代码如下，只需从当前活动的li中删除类，并将活动类添加到下一个li，如下所示

$('#myCarousel').bind('mousewheel', function(e) {
    $(this).carousel('next');
    var $currentlyactive =$('li.active');
    $currentlyactive.removeClass('active');
    $currentlyactive.next().addClass('active');
});

已更新

$(document).ready(function() {      
   $('.carousel').carousel('pause');
});
$('#myCarousel').bind('mousewheel', function(e){$(this).carousel('next');});

$('.tab li').on('click', function(){
    $('li.active').removeClass('active');
    $(this).addClass('active');
});

---

这是您html页面中的代码删除此所有与转盘相关的代码已在custom.js中完成。

当您将滚动活动类时，将跳转到下一个li，如果您向后滚动类ig前进，请检查此立即检查url不工作完美移动太快，谢谢它不起作用删除此我将给您另一个解决方案，并从链接中删除，这样我就可以在这个链接上找到解决方案，因为我已经从控制台中查看过，似乎您有一个custom.js，您在其中应用了相同的东西。。删除与carouseldo相关的html页面中的所有javascript代码不要删除custom.js我需要从html页面中删除*custom.js或以上代码的是哪一个请告诉我现在我有删除程序底部代码，custom.js在那里

$(document).ready(function() {      
   $('.carousel').carousel('pause');
});
$('#myCarousel').bind('mousewheel', function(e){$(this).carousel('next');});

$('.tab li').on('click', function(){
    $('li.active').removeClass('active');
    $(this).addClass('active');
});