Javascript 第一次单击时禁用链接并充当：悬停

当用户通过平板电脑设备访问网站时，我想禁用包含下拉菜单的链接，因此，当用户点击平板电脑上的链接时：

->下拉菜单出现，但链接被禁用，然后在第二次点击时链接工作

我认为这可能已经解决了，但我还没有找到任何合适的方法，我正在使用来自

---

但是它禁用了链接，没有任何效果。

我发现了一个简单的Jquery插件。该链接还提供了一个教程，介绍如何创建一个响应菜单，在第一次单击时禁用顶部下拉链接（li:has（ul））。

我发现了一个简单的Jquery插件。该链接还有一个关于如何创建响应菜单的教程，该菜单在第一次单击时禁用顶部下拉链接（li:has（ul））。

$（'li.tapover>a'）。而不是$（this）。removeClass（'hover'）将（this）更改为$（this）不起作用，现在第一次点击链接到站点。
$（'li.tapover>a'）。而不是$（this.removeClass（'hover'）将（此）更改为$（此）不起作用，现在第一次点击链接到该站点。
jQuery(document).ready(function ($) {

    $("li.taphover > a").on('touchstart', function (e) {
        'use strict'; //satisfy the code inspectors
        var link = $(this); //preselect the link
        if (link.hasClass('hover')) {
            return true;
        } else {
            link.addClass('hover');
            $('li.taphover > a').not(this).removeClass('hover');
            e.preventDefault();
            return false; //extra, and to make sure the function has consistent return points
        }
    });

});