Question

如何通过点击显示我自己的活动类在猫头鹰滑块中的项目...我的活动类已添加但滑块不会移动到第6个孩子..为什么会这样？

<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);

其中index是轮播的第n个元素。如果您在页面准备就绪时调用它，则指定＆＃34;默认＆＃34;元件。

Answer 2

.myactive {

background-color: #ff9704;

}

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

$（document）.ready（function（）{

$（＆＃34; .owl-item：nth-child（6）＆＃34;）。addClass（＆＃34; myactive＆＃34;）; $（＆＃39; .owl-carousel＆＃39;）。触发器（＆＃39; to.owl.carousel＆＃39;，6）;

}）;

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

2 个答案: