1

ページに動的に読み込まれる要素がありますが、これらの div をスワイプできるようにする必要もあります。

jQuery スワイプ イベントを検索したところ、touchSwipeが見つかりました。これはクロス ブラウザなので便利ですが、.on()またはを使用できない.live()ため、動的要素が考慮されていません。

これが私が意味することの例ですhttp://jsfiddle.net/wUkZq/

動的要素でスワイプを機能させる唯一の方法は、スワイプ イベントを親にアタッチすることでした。問題は、親をスワイプ可能にしたくないことです。a例では、リンクを使用していくつかの要素を作成し、内.contentでスワイプしてみると、すべての要素のテキストが返されますが、これは私が望んでいるものではありません。親でスワイプを許可してはならないからです。

これを行うためのより良い方法、またはより良いプラグインはありますか? 理想的には、プラグインではなく純粋な JS を使用したいのですが、他のイベント (スクロールなど) ではなく、実際にスワイプしているときを計算する良い例が見つかりません。

4

1 に答える 1

2

swipeスワイプ可能な各要素に特定のクラスを割り当て、イベント ハンドラーでそのクラスをチェックするだけではどうでしょうか。このような場合によくある手口だと思います。例えば：

swipeLeft: function(event, direction, distance, duration, fingerCount) {
  var $target = $(event.target);  
  if (! $target.hasClass('sw')) {
    return false;
  }
  alert($target.text());
}

これは、概念を示すJS Fiddleです。

于 2012-11-04T01:48:48.803 に答える