为什么我的swipeleft或swiperight不能与hammerjs一起使用？

Question

我正在使用Hammerjs并且我刚刚实现了这个，但是由于一些奇怪的原因不起作用。如果我使用dragleft或dragright，它确实有效，但是以一种奇怪的方式，而不是去下一个，转到第二个图像。

这是代码

            //Hammer(sliderH).on('swiperight',function () {       
        $('.slide-horizontal').hammer().on('swiperight', function() {
            $('.slide-horizontal > div').animate({
                'left': '+=' + sliderWidth
            }, 600);
        });        
        //Hammer(sliderH).on('swipeleft', function () {
        $('.slide-horizontal').hammer().on('swipeleft', function() {
            $('.slide-horizontal > div').animate({
                'left': '-=' + sliderWidth
            }, 600);    
        });  

这里有一个我想要做的例子。 http://labs.lesevades.com/recipe-book/