A tag added: hover, you need to click on iOS 2 times to jump

Recently found to do before the site has a bug on the mobile side, I put the tab on the PC hover style, but in the iOS mobile side to see the effect, because the added hover need to click 2 times, the first click is to add hover style tab, the second click a tag to jump

Because the site is not responsive, but also requires the mobile can be normal browsing, so my solution is: the hover style with JS instead of CSS, and then determine whether the mobile side or only to determine the cancellation of hover events iOS. Finally the perfect solution.

PS: In the help degree Niang, see if your site is responsive can be resolved using the following methods:

(1) Page header add meta

<metaName="viewport"content="Width=device-width, initial-scale=1"/> 

(2) Use JS to change the href to window.location

$(A).On( ' click Touchend ' , function  (e)  {var El = $ ( this);  var link = Elattr ( ' href '  window< Span class= "pun". location = Link;                 

To try it out for myself, this kind of scheme is feasible.

A tag added: hover, you need to click on iOS 2 times to jump