与引导标签油滑JS

Question

我试图使用带有引导标签光滑JS滑块像下面

在第一个选项卡（热卖），滑块效果很好。但是，当我切换到另一个选项卡（如“TEXT-BOOKS”）时，即使与第一个选项卡（BEST SELL）的代码相同，也会显示完全错误。

但是当我点击下一个箭头就固定成原来的标签我想要的东西，如第一张照片。

 $(document).on('ready', function() { 

     $(".tab2").slick({ 
     setPosition : 0, 
     dots: true, 
     infinite: true, 
     slidesToShow: 5, 
     slidesToScroll: 3 
     }); 

     $(".regular").slick({ 
     dots: true, 
     infinite: true, 
     slidesToShow: 5, 
     slidesToScroll: 3 
     }); 
}); 

HTML：

<div id="menu2" class="tab-pane fade "> 
    <div class="tab2 slider "> 


    <div class="contentbox"> 
<img src="images/bk2.png" class="contentbox_img"> 
<a href="" class="contentbox_title">The Third Planet</a> 
<p class="contentbox_price">$200.00</p> 
    </div> 

    <div class="contentbox"> 
<img src="images/bk3.png" class="contentbox_img"> 
<a href="" class="contentbox_title">The Third Planet</a> 
<p class="contentbox_price">$200.00</p> 
    </div> 

    <div class="contentbox"> 
<img src="images/bk1.png" class="contentbox_img"> 
<a href="" class="contentbox_title">The Third Planet</a> 
<p class="contentbox_price">$200.00</p> 
    </div> 

    <div class="contentbox"> 
<img src="images/bk1.png" class="contentbox_img"> 
<a href="" class="contentbox_title">The Third Planet</a> 
<p class="contentbox_price">$200.00</p> 
    </div> 

    <div class="contentbox"> 
<img src="images/bk1.png" class="contentbox_img"> 
<a href="" class="contentbox_title">The Third Planet</a> 
<p class="contentbox_price">$200.00</p> 
    </div> 

    <div class="contentbox"> 
<img src="images/bk1.png" class="contentbox_img"> 
<a href="" class="contentbox_title">The Third Planet</a> 
<p class="contentbox_price">$200.00</p> 
    </div> 

    <div class="contentbox"> 
<img src="images/bk1.png" class="contentbox_img"> 
<a href="" class="contentbox_title">The Third Planet</a> 
<p class="contentbox_price">$200.00</p> 
    </div> 

    <div class="contentbox"> 
<img src="images/bk1.png" class="contentbox_img"> 
<a href="" class="contentbox_title">The Third Planet</a> 
<p class="contentbox_price">$200.00</p> 
    </div> 

    </div> 

Answer 1

试试这个：

JS：

​​