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

626

Flickity具有事件绑定。下一张或上一张幻灯片移至哪个位置有事件吗?例如,在幻灯片安定后会触发安定事件这确实满足了我的需要,但是这里的问题是,如果Flickity停留在同一张幻灯片上,它也会触发,如果您滑动但没有足够的滑动而Flickity重新回到原来的位置,就会发生这种情况。cellSelect演示似乎做同样的事情。

在我看来,这样的事情也许可以解释我正在努力实现的目标:

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

使用结算事件,我们可以检查是否已结算到新幻灯片:

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

  }
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章