滑动并单击下一张幻灯片

Question

使用flickity，是否可以在同一张幻灯片上同时拥有两种行为？

• 滑动（默认且更好的四个触摸屏）
• 点击下一张幻灯片（桌面更好）

我尝试过类似的事情：

var carouselCells = Array.from(document.querySelectorAll('.carousel-cell'))
  carouselCells.forEach(function(e) {
  e.addEventListener('click', function() {
    flckty.next();
  })
})

这是小提琴：https://jsfiddle.net/francoisromain/fum7Lrac/

点击工作正常，但问题是滑动向前移动了两张幻灯片。

Answer 1

在标准点击时使用Flickity的staticClick事件，因为在拖动过程中会触发点击。

flkty.on( 'staticClick', function() {
  flkty.next()
})

来自：https://github.com/metafizzy/flickity/issues/486#issuecomment-258686221