点击&在移动设备上双击活动

时间:2013-04-09 22:26:28

标签: jquery mobile

我正试图在移动浏览器上使用tap / doubletap的东西。我有以下代码:

$(function() {
  $(".vppop").mouseenter(function() { // Desktop browsers only
      $(".vppop").addClass("vppopscale");
  });
  $(".vppop").mouseleave(function() { // Desktop browsers only
      $(".vppop").removeClass("vppopscale");
  });
  $(".vppop").on('tap', function(e) { // Mobile browsers only
      e.preventDefault(); // Stop from following link
      $(".vppop").addClass("vppopscale").delay(300).removeClass("vppopscale");
  });
  $(".vppop").on('doubletap', function() { // Mobile browsers only
      // Go to Link
  });
});

将手指插件用于移动活动:https://github.com/ngryman/jquery.finger

无法获取点击事件以防止链接跟踪&不知道我需要什么doubletap事件让它跟随链接。谢谢你的帮助。

1 个答案:

答案 0 :(得分:5)

我刚看到这个问题。这可能为时已晚,但如果您将 Finger 更新到最新版本,您将能够以这种方式阻止默认行为。旧版本不支持此功能。

但是,如果您将tapdoubletap个事件侦听器附加到同一个元素,并且tap阻止了默认行为,那么它也将适用于doubletap

因此,您可能希望在doubletap侦听器中手动打开链接:

$(".vppop").on('doubletap', function() { // Mobile browsers only
    window.location = this.href;
});

希望这会有所帮助,即使有点晚了:)