Javascript 禁用单击鼠标悬停/双击问题

我的web应用程序有问题。问题是，在Safari for iPad上，我必须点击两次才能真正点击

标签。第一个执行类似于鼠标悬停在桌面上时的悬停。我正在使用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>

菜单1


菜单2


菜单3

我尝试添加（onclick）=“”或ng onclick=“”或style=“cursor:pointer”，这样就不会触发悬停，但这一切都不起作用

---

感谢您的帮助

我正在尝试在我的应用程序中不使用jQuery。那你还有别的办法吗？

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