悬停链接需要双击

Question

I have a problem with an apple on my site. All buttons that have a "hover" event in CSS require to double click on it. The first click triggers the "hover" and the second triggers the redirection

I would like to know if it was possible not to trigger the "hover" but to redirect to the link at the first click.

I found this piece of code but makes the click very sensitive if the scroll while pressing a link, link is triggered

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中解决...这是一个UX问题请检查： https : //css-tricks.com/annoying-mobile-double-tap-link-issue/