jquery - hammer.js を水平スワイプに制限する

Question

私はHammer.jsを使用していますが、これはうまく機能しているようで、水平方向と垂直方向を制限できると述べていますが、垂直方向のスワイプを無効にすることはできないようです。基本的に、水平方向のスワイプのみを使用して明らかにしたいキャンバス外のナビゲーションがあります。

(function ($) {
    var $sw = $('#left-content');

    $sw.on('swipe', function (event) {
        event.preventDefault();
        $('#ns-tool-bar, #left-content').toggleClass('slide');
    });
}(jQuery));

Answer 1

event.direction を使用できます

何かのようなもの

if(event.direction == 'right' || event.direction == 'left'){
    //do your stuff
}

動作するはずです

Answer 2

シェリーの答えは時代遅れだと思います。現在の API は event.gesture.direction を使用していると思います。

Answer 3

swipeleftイベントに登録することもできswiperightます。ソースコードを参照してください。