Jquery 停止在iphone上点击链接两次

我有一个鼠标盖的链接

它在浏览器中工作得很好，但当我在ipad或iphone上触摸一次链接时，只有鼠标盖发生了变化。我必须点击两次链接才能工作

如何使链接一触即起作用

以下是链接：

<div id="search">
   <a href="search.php" class="mag"><span></span></a>
</div>

您是否使用JavaScript或CSS（使用类似于

a:hover

的选择器）处理鼠标悬停效果？我正在使用CSS使悬停生效。嗯，我刚刚意识到这个问题有多少种风格…您是否有可能快速抛出代码笔？我用父代上的

：hover

而不是a（

#search:hover a{}

）做了一个测试，它的行为确实不同，但这两个版本实际上都可以在我的iPad（iOS 8.3）上启动到href的导航，而无需再次点击：另一个想法是：你可以将hover样式放在只针对更大屏幕的媒体查询中，等等：

@媒体屏幕和（最小宽度：600px）{/*这里的样式*/}

这样在较小的屏幕上就不会有悬停行为，但当然桌面上的小浏览器窗口也不会有悬停行为。似乎有很多javascript插件可以做到这一点……看起来有点重，但这取决于你觉得它能改善多少体验，我想。