Slick Slider. Gibt es eine Möglichkeit zu überprüfen, wo der Schieberegler gleitet?

Question

Ich verwende den Slick-Schieberegler auf meiner Seite und ich möchte herausfinden, ob es möglich ist, zu überprüfen, wo der Schieberegler nach rechts oder links rutscht, und dann etwas für dieses Ereignis zu tun?

Grundsätzlich habe ich ein Check-Ereignis nur auf benutzerdefinierten Pfeil klicken, mit Daten attr, aber ich wollte wissen, ob ich es beim Streichen oder wenn es automatisch gleitet.

Hier ist ein einfaches Skript für Schieber, die ich benutze:

var arrowPrev = ('.a1'); 
var arrowNext = ('.a2'); 

$('.slider').slick(); 

$arrowPrev.click(function(){ 
$arrowPrev.data('clicked', true); 

    if($($arrowPrev).data('clicked')) { 
    console.log('here') 
    } 
}); 

$arrowNext.click(function(){ 
$arrowNext.data('clicked', true); 

    if($($arrowNext).data('clicked')) { 
    console.log('there') 
    } 
}); 

Answer 1

Die glatte Schieber ein paar Ereignisse hat Sie diese verwenden können, um erkennen:

• beforeChange

$('.slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){ 
    console.log(nextSlide); 
}); 

• afterChange

$('.slider').on('afterChange', function(event, slick, currentSlide){ 
    console.log(currentSlide); 
}); 

• swipe

$('.slider').on('swipe', function(event, slick, direction){ 
    console.log(direction); 
    // left 
}); 

Für weitere Informationen, die Slick-Events Abschnitt unter Einstellungen überprüfen auf der offiziellen Webseite von Slick

Answer 2

Slick Richtung onBeforeChange Ereignis

Zur Erkennung

infinte: true centermode: true/false

var dir; 
    if((currentSlide<nextSlide&&currentSlide==nextSlide-1)||(currentSlide==slick.slideCount-1&&nextSlide==0)) 
      { 
       dir='right'; 
      } 
    else if(nextSlide<currentSlide||(nextSlide==slick.slideCount-1&&currentSlide==0)) 
      { 
      dir='left'; 
      } 
    if(dir=='right') 
    { 
    //do something. 
    } 
    if(dir=='left') 
    { 
    //do something. 
    }