user-experience - スワイプしてクリックして次のスライドへ

Question

フリック性を使用すると、同じスライドで同時に 2 つの動作を実行できますか?

• スワイプ (デフォルトおよびより良い 4 つのタッチ スクリーン)
• クリックして次のスライドへ (デスクトップに適しています)

私は次のようなものを試しました：

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

ここにフィドルがあります：https://jsfiddle.net/francoisromain/fum7Lrac/

クリックは正常に機能しますが、問題はスワイプが 2 枚のスライドを前方に移動することです。

Answer 1

クリックはドラッグ中にトリガーされるため、標準のクリックよりも Flickity の staticClick イベントを使用します。

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

から: https://github.com/metafizzy/flickity/issues/486#issuecomment-258686221