Javascript 从a href中删除同级类

我在菜单上用猫头鹰旋转木马。 当我滚动到div时，owl carousel自动滑动到右侧幻灯片。 现在，当我到达特定分区时，我将类添加到幻灯片中（活动），但由于某些原因，我无法从其他幻灯片中删除活动类（他的兄弟姐妹）

我认为最好检查JSFIDLE以了解问题

<div class="body">
  <div class="menu">
    <ul class="owl-carousel owl-theme">
      <a href="#a" data-num="0">Review</a>
      <a href="#a" data-num="1" class="item">a</a>
      <a href="#b" data-num="2" class="item">b</a>
      <a href="#c" data-num="3" class="item">c</a>
      <a href="#d" data-num="4" class="item">d</a>
      <a href="#d" data-num="5" class="item">e</a>
      <a href="#d" data-num="6" class="item">f</a>
    </ul>
  </div>

JS文件

$('.owl-carousel').owlCarousel({
    nav: false,
    dots: false,
    singleItem: true,
})
   var owl = $('.owl-carousel');
   owl.owlCarousel();

   $( window ).scroll(function() {
      let scrollbarLocation = $(this).scrollTop();

        let scrollLinks = $('.item');

        scrollLinks.each(function(){
            let sectionOffset = $(this.hash).offset().top;

            if (sectionOffset <= scrollbarLocation){
                $(this).siblings().removeClass('active-link');
                $(this).addClass('active-link');

                let goToSlide = $(this).attr('data-num')
                owl.trigger('to.owl.carousel', goToSlide);
            }
        })

        if( scrollbarLocation === 0){
            scrollLinks.removeClass('active-link');
            owl.trigger('to.owl.carousel', 0);
        }
    });

$（'.owl carousel'）.owlCarousel({
导航：错，
点：错，
单项：对，
})
var owl=$（'.owl carousel'）；
owl.owlCarousel（）；
$（窗口）。滚动（函数（）{
让scrollbarLocation=$（this.scrollTop（）；
让滚动链接=$（'.item'）；
滚动链接。每个（函数（）{
让sectionOffset=$（this.hash）.offset（）.top；
如果（sectionOffset，问题是您在同一元素上删除/添加了
活动链接
类（此）。您只需要在已具有类
活动链接
的元素上删除类。
类
active
由插件控制，所有可见的元素都有
active
类

见下文


$（'.owl carousel'）.owlCarousel({
导航：错，
点：错，
单项：对，
})
var owl=$（'.owl carousel'）；
owl.owlCarousel（）；
$（窗口）。滚动（函数（）{
让scrollbarLocation=$（this.scrollTop（）；
让滚动链接=$（'.item'）；
滚动链接。每个（函数（）{
让sectionOffset=$（this.hash）.offset（）.top；
如果（sectionOffset，问题是您在同一元素上删除/添加了
活动链接
类（此）。您只需要在已具有类
活动链接
的元素上删除类。
类
active
由插件控制，所有可见的元素都有
active
类

见下文


$（'.owl carousel'）.owlCarousel({
导航：错，
点：错，
单项：对，
})
var owl=$（'.owl carousel'）；
owl.owlCarousel（）；
$（窗口）。滚动（函数（）{
让scrollbarLocation=$（this.scrollTop（）；
让滚动链接=$（'.item'）；
滚动链接。每个（函数（）{
让sectionOffset=$（this.hash）.offset（）.top；
如果（sectionOffset查看这把小提琴


您所做的错误是试图从
此
中删除活动类，然后将活动类添加到同一
此
中，但实际上什么都不做。
相反，我建议从所有
'.item'
元素中删除活动类，然后将其添加到活动类中

作为替代方法，您可以存储以前的项目并从中删除类，但我认为第一种方法更好。
查看此小提琴


您所做的错误是试图从
此
中删除活动类，然后将活动类添加到同一
此
中，但实际上什么都不做。
相反，我建议从所有
'.item'
元素中删除活动类，然后将其添加到活动类中

作为替代方法，您可以存储以前的项并从中删除类，但我认为第一种方法更好。
您好，问题在于下面的行

$(this).siblings().removeClass('active-link');

换成

$("div.active a").removeClass('active-link');

这是在所有元素上同时删除和添加类，所以我所做的是，一旦我从所有元素中删除了类，我就在当前元素上添加它。嗨，问题出在下面一行

$(this).siblings().removeClass('active-link');

换成

$("div.active a").removeClass('active-link');

这是在所有元素上同时删除和添加类，所以我所做的是，一旦我从所有元素中删除类，我就在当前元素上添加它
等等。你添加类
活动链接
。类
活动
由旋转木马添加。你想控制哪一个？等等。你添加类
活动链接
。类
动作ive
是由旋转木马添加的。您想控制哪一个？不客气。但我认为Mihai T版本更有效，因为很明显，执行$（'.active-link'）.removeClass（'active-link'）；要比$（'.item'）.removeClass（'active-link'）；更快；因为第一个总是只包含一个元素。不客气。但我认为Mihai T版本更有效，因为很明显，执行$（'.active-link'）.removeClass（'active-link'）；比$（'.item'）.removeClass（'active-link'）；更快；因为第一个总是只包含一个元素。