3

我正在尝试让点击/双击的东西在移动浏览器上工作。我有以下代码：

$(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

无法获得点击事件以防止链接跟随，并且不确定双击事件需要什么才能使其跟随链接。谢谢您的帮助。

4

1 回答 1

5

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

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

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

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

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

于 2014-02-13T03:09:22.363 回答