スリックスライダー - 条件付きスライドナビゲーション

Question

私はスライダーのナビゲーションが使用して表示さ/スタイルに管理：

$('.next-button-slick').click(function(){ 
$('.accmd-slides').slick("slickNext"); 
}); 
$('.prev-button-slick').click(function(){ 
$('.accmd-slides').slick("slickPrev"); 
}); 

/アイデアはフォント恐ろしいアイコンを使用してナビゲーションをカスタマイズすることですが、私は無効にするための方法がありますスライダに[次へ]または[前へ]のスライドがない場合、ナビゲーション矢印のスタイリングを変更しますか？

には次または前のスライドがない場合、それは最初のスライドまたは最後のスライドでなければなりません

Answer 1

を私を支援していただきありがとうございます。シンプルなので、最初のスライドまたは最後のスライドでスタイリングを変更します。

あなたはafterChangeイベントを使用する必要があります。このイベントは、スライドが変更されたときにトリガーされます。この場合、現在のスライドが最初または最後であるときにナビゲーション矢印のスタイリングを変更できます。

$('.multiple-items').on('afterChange', function(event, slick, currentSlide){ 
    var slickItem = $('.multiple-items .slick-slide:not(".slick-cloned")').length; 

    if (currentSlide == 0) { 
    //do stuff 
    alert('first'); 
    } 
    else if (currentSlide == (slickItem - 1)) { 
    //do stuff 
    alert('last'); 
    } 
}); 

ここにはfiddleがあります。