当Flickity到达下一张或上一张幻灯片时的事件

Question

Flickity有事件绑定。下一张或上一张幻灯片何时被移动到是否有事件？例如，幻灯片结算后会触发settle event。这确实做了我需要的但是这里的问题是如果Flickity停在同一张幻灯片上也会触发，如果你刷了但是没有滑动就会发生这种情况，而Flickity会回到原来的位置。 cellSelect demo似乎做了同样的事情。

在我看来，这样的事情可能解释了我想要实现的目标：

$carousel.on( 'nextSlideReached', function() {
   console.log( 'Flickity has settled on the next slide' );
});

Answer 1

使用结算事件，我们可以检查我们是否已在新幻灯片中结算：

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

  }
});