在第一次点击时禁用 link 并充当 a:hover

Question

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

-> 下拉菜单出现但 link 被禁用，然后在第二次点击时 link 起作用。

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

的代码

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
        }
    });

});

但它禁用了 link，但没有任何效果。

Answer 1

我找到了一个简单的 Jquery 插件 here。 link 也有关于如何创建响应式菜单的教程，该菜单在第一次点击时禁用顶部下拉菜单 links (li:has(ul))。

在第一次点击时禁用 link 并充当 a:hover

Disable link on first click and act as a:hover

javascript

jquery

tablet

drop-down-menu