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

Question

Flickity 有事件绑定(bind)。移动到下一张或上一张幻灯片时是否有事件？例如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

  }
});