触摸事件上的jQuery event.preventDefault（）不会取消链接

所以我得到了一个网站，上面有一个由正方形缩略图组成的项目索引页面

在桌面版本上，当您将鼠标悬停在一个项目方形缩略图上时，它会显示一个封面，其中包含有关该项目的一些文本信息。当你点击封面时，你会进入项目页面

在移动/触摸版上，我必须调整它，否则当你点击拇指时，你没有时间看到封面（显示了几分之一秒），它会直接进入项目页面

下面是投资组合索引中项目方形缩略图的HTML代码：

<div id="portfolio">
    ... 
    <a href="/projects/project-page" class="thumbnail">
        <img src="/assets/thumbnail-project-name.jpg" alt="Project info"/>
        <div class="text">
            <span class="slogan">Project tagline</span>
        </div>
    </a>
    ... 
</div>

在iPad2/iOS7和iPhone5/iOS7上进行的测试 jqueryv1.10.2

---

我挣扎了好几天，但自己或在stackover中都找不到解决方案。

无论如何，浏览器都会触发

单击事件，因此您需要将逻辑放入
单击事件中
 
Touch
不是jQuery事件。您是否尝试过（“单击”）上的
…
？好吧，我很傻。但是我如何进行触摸设备检测来生成我的特殊代码呢？你可以使用jQuery Mobile之类的工具，或者使用一个更轻量级的库来为你提供触摸支持。OK thx：我在这里找到了最简单的触摸检测：我觉得触摸支持没有进入常规的jQuery很傻，但是有一个插件可以添加s it：我正在使用它，它工作得很好。
点击事件在许多移动设备上增加了一个新的功能，因此并不理想。
$(function onDOMLoaded() {

    var $portfolio = $("#portfolio");

    // TOUCH EVENTS special
    $portfolio.on("touch", ".thumbnail", function(e) {

        e.preventDefault();

        // show thumbnail cover and fire the link on second touch only
        // ...

    });

}); // onDOMLoaded