将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

我认为Shelly的答案已经过时了.我相信当前的API使用event.gesture.direction.