2016-08-30 8 views
0

私はタッチスクリーン上でスワイプ検出を行うためにjquery mobileを使用しています。 swipeイベントを聞きたいですが、複数の指が画面に触れている場合にのみ何かをしてください。私は通常のタッチイベントを知っていますが、これはイベント内のtouchesアレイで検出できますが、swipeが発生した後でイベント内をチェックすると存在しないようです。 swipeイベントが発生した後に、どのように私がtouchesアレイにアクセスできるかについて誰かが正しい方向に向いていますか?jquery mobile - スワイプイベントで配列を検出する

+0

何を試しましたか? – Mansuro

答えて

0

jqueryモバイルではないことがわかりました。私はオーバーライドする必要がありますが、使用していたスライドショープラグイン(jquery cycle2)です。これは私が思いついたコードです:

window.global_touches = null; 

$('.page').on({ 
    touchstart: function(e) { 
     e.preventDefault(); 
     window.global_touches = e.originalEvent.touches; 
    }, 
    touchmove: function(e) { 
     window.global_touches = e.originalEvent.touches; 
    }, 
    touchend: function(e) { 
     window.global_touches = e.originalEvent.touches; 
    }, 
    touchcancel: function(e) { 
     window.global_touches = e.originalEvent.touches; 
     clearHighlight(); 
    } 
}); 

$('.inner-slideshow').on('cycle-bootstrap', function(e, optionHash, API) { 
    API.origAdvanceSlide = API.advanceSlide; 
    API.advanceSlide = function(numberOfPositions) { 
     if (window.global_touches && window.global_touches.length >= 2) { 
      API.origAdvanceSlide.call(API, numberOfPositions); 
     } 
    }; 
}); 
関連する問題