slickを使ったスライダーでスライド切り替えのイベントを取得

ithat.me

ここに書いてあります

    var $slider = $('.slider');
    $slider.slick();
    
    // スライド切り替えの度にスライド番号を取得
    $slider.on('afterChange', function(slick, currentSlide){
      var current_slide = $my_slide.slick('slickCurrentSlide');
      console.log(current_slide);
    });

って書いてあるんですけど、この$my_slideってなってるところは$sliderの模様。

    var $slider = $('.slider');
    $slider.slick();
    
    // スライド切り替えの度にスライド番号を取得
    $slider.on('afterChange', function(slick, currentSlide){
      var current_slide = $slider.slick('slickCurrentSlide');
      console.log(current_slide);
    });

ってやってあげると、スライド切り替えをうまく検知し、番号を取得できます。