divをウェブページの左右にスワイプ

Question

私は6つの項目を持つウェブページを開発しています。私はPADILICIOUSを使用してウェブサイトにスワイプイベントを追加しようとしていますが、動作していません。 PADLICIOUSの経験をお持ちの方は、左と右をスワイプすることができますか？

Answer 1

1. このスクリプトを保存します。http://padilicious.com/code/touchevents/swipesensejs.html。テキストを保存して、名前を「swipesense.js」のように変更する必要があります。

2. あなたのページにスクリプトを含めます。このような何か：

   <script src="/path/to/swipesense.js" type="text/javascript"></script> 
   

3. あなたはタッチイベントを処理するDOM要素内のタグの4つのイベントハンドラを含めます。私は自分のbodyタグの中に直接 "ラッパー"と呼ばれるdivを持っています。

   <div id="wrapper" 
       ontouchstart="touchStart(event,'wrapper');" 
       ontouchend="touchEnd(event);" 
       ontouchmove="touchMove(event);" 
       ontouchcancel="touchCancel(event);> 
   
   .... wrapper contents here .... 
   
   </div> 
   

4. は "processingRoutine（）" と呼ばれる機能がありますswipesense.js内：ここでは、そのタグは次のようになります。この関数の中には、それぞれのタイプのタッチイベントのコードをどこに挿入すべきかが明確に示されています。

それは私がより頻繁編集をするだろう、他のJSに統合持っている私には、より自然に見えたので、私はswipesense.jsのうち、processingRoutineを（）に移動。私はまたそれを "processSwipe（）"と改名しましたが、 "processingRoutine（）"より汎用性の低いものは動作します。もちろん、私はswipesense.jsでその参照を変更しなければなりませんでした。

私はあなたのためにそれをカバーすることを願っています。それは私の魅力のように機能します。