悬停链接需要双击

Question

>我的网站上的苹果有问题。 所有在CSS中具有"悬停"事件的按钮都需要双击它。 第一次单击触发"悬停"，第二次单击触发重定向

我想知道是否可以不触发"悬停"，而是在第一次单击时重定向到链接。

我找到了这段代码，但如果在按下链接时滚动，链接被触发，则单击非常敏感

var device = navigator.userAgent.toLowerCase();
var ios = device.match(/(iphone|ipod|ipad)/)
if (ios) {
$('a').on('click touchend', function(e) {
var el = $(this);
var link = el.attr('href');
window.location = link;
});
}

Answer 1

我不确定，但它可以在 CSS 中解决...... 这是一个用户体验问题 检查 ： https://css-tricks.com/annoying-mobile-double-tap-link-issue/