滑らかなスライダのデータ属性

Question

複数のスライススライダを1つの関数で作成する方法はありますか？たとえば、データ属性。

div class="my-slick" data-item="3" 

div class="my-slick" data-item="4" 

div class="my-slick" data-item="6" 

$('.my-slick').slick(); 

Answer 1

うまくいけば、次のコードは、あなたのためにそれが働いた

<code> 
$('.my-slick').each(function() { 
var slick = $(this), 
    item = $(this).data('item'); 

slick.slick({ 
    slidesToShow: item, 
    responsive: [ 
    { 
     breakpoint: 480, 
     settings: { 
     slidesToShow: item < 2 ? item: 1, 
     } 
    } 
    ] 
}); 
}); 
</code>