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

Question

Flickity 有事件绑定。当下一张或上一张幻灯片移动到时是否有事件？例如，在幻灯片稳定后触发了set 事件。这确实可以满足我的需要，但这里的问题是，如果 Flickity 停留在同一张幻灯片上，它也会触发，如果您滑动但没有足够滑动并且 Flickity 回到原来的位置，就会发生这种情况。cellSelect演示似乎做了很多相同的事情。

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

$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

  }
});