我如何通过单击在猫头鹰滑块中的项目上显示自己的活动类

Question

我如何通过单击在猫头鹰滑块中的项目上显示自己的活动类。

<div    class="all_series">      
          <div class="owl-carousel">          
            <div class="item"> slider1 </div>
             <div class="item"> slider2 </div>
              <div class="item"> slider3 </div>
               <div class="item"> slider4 </div>    
</div>  </div>
<script>        
    $(document).ready(function(){    
    $(".owl-item.active")        .removeClass("active");    
    $(".owl-item:nth-child(6)")  .addClass("active ");
});
    </script>

Answer 1

您叫插件了吗？您需要先做。

$(document).ready(function(){
  $(".owl-carousel").owlCarousel();
});

要转到指定的元素，您需要调用

$(".owl-carousel").trigger('to.owl.carousel', index);

其中索引是旋转木马的第n个元素。如果您在准备就绪时调用它，则比指定"默认"元素。

Answer 2

.myactive {
background-color: #ff9704;

}

我得到了我的问题的答案。

$(document(.ready(function(({

$("。owl-item：nth-child(6("(.addclass(" myActive"(; $('。猫头鹰 - 赛车'(。触发('to.owl.carousel'，6(;

}(;