这是我第一次使用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;
}
});