禁用单击悬停/双击问题iPad

Question

我的Web应用程序有问题。问题是，在iPad的Safari上，我必须单击2次才能实际执行<a>标签的单击。第一个执行悬停的悬停，就像悬停在桌面上的鼠标一样。我正在使用angularjs。我尝试使用Firefox，它可以正常工作。这是我的代码：

<ul class="navigation">
        <li class="navigation-item" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{ exact: true }">
            <a [routerLink]="['/']" class="navigation-link" role="button">
                menu1
            </a>
        </li>
        <li class="navigation-item" [routerLinkActive]="['active']">
            <a [routerLink]="[myRoute]" class="navigation-link" role="button">
                menu2
            </a>
        </li>
        <li class="navigation-item" [routerLinkActive]="['active']">
            <a [routerLink]="[myRoute2]" class="navigation-link" role="button">
               menu3
            </a>
        </li>
    </ul>

我尝试添加(onclick(="或ng-onclick ="或style ="光标：指针"，所以悬停不触发，但都没有触发。

谢谢您的帮助

Answer 1

$('a').on('click touchend', function(e) {
    var el = $(this);
    var link = el.attr('href');
    window.location = link;
});