2016-04-27 2 views
1

Flickityにはイベントバインディングがあります。次のスライドまたは前のスライドに移動したときのイベントはありますか?例えば、settle eventは、スライドが沈んだ後に発射されます。これは私が必要とすることをしますが、ここで問題となるのは、Flickityが同じスライドに落ち着いている場合です。スワイプしても十分にスワイプしなかった場合、Flickityは元の位置に戻ってきます。 cellSelect demoも同じことをしているようです。私の心の中でFlickityが次または前のスライドに到達するときのイベント

、このようなものは、おそらく私が達成しようとしているものを説明します

我々は新しいスライドに落ち着くかした場合、我々は確認することができ整定イベントを使用して
$carousel.on('nextSlideReached', function() { 
    console.log('Flickity has settled on the next slide'); 
}); 

答えて

0

var selectedIndex = flkty.selectedIndex; 

$carousel.on('settle', function() { 
    if (flkty.selectedIndex !== selectedIndex) { 

    console.log('settled at new cell', flkty.selectedIndex); 
    selectedIndex = flkty.selectedIndex; 

    // do stuff 

    } 
}); 
+0

このコードは、 'settle'が呼ばれるたびにselectedIndexを更新する必要があります。私は同じコードを持って、selectedIndexに '0'を得続けます。 – nclsvh

+0

@ NicolasV $カルーセルを定義しました..? +あなたはflickity [namespace](http://flickity.metafizzy.co/extras.html#compatible-changes)別名を使用する必要があります。落ち着き – honk31

関連する問題