Hammer.js并禁用点击/点击事件,直到拖动/滑动结束

时间:2013-06-14 14:07:56

标签: jquery events click hammer.js

这是我第一次使用Hammer.js在平板电脑上使用滑动/拖动滑块。

滑块效果很好,但我遇到的问题是构成滑块的每个LI项目都包含一个锚点链接,因此当您在滑动完成锚定标记链接之前向左/向右滑动并移开手指时被触发并将用户带到另一页。

我猜需要发生的是当滑动/拖动正在发生时,锚点/点击被禁用,只有在没有滑动/拖动时才会激活。

代码在

之下
myhammer = Hammer(element).on("release dragleft swipeleft dragright tap", function (ev)         {
ev.gesture.preventDefault();
switch (ev.type) {
           case 'dragright': case 'swiperight':
                ev.gesture.stopDetect();
                ev.preventDefault();


                //left_value = item_width * (-1);
                //get the right position            
                var left_indent = parseInt($('#slides ul').css('left')) + item_width;

                //slide the item            
                $('#slides ul').animate({ 'left': left_indent }, 200, function () {
                    etc...
                });

                //cancel the link behavior            
                return false;


}

});

0 个答案:

没有答案