ios – 在iPhone / iPad / iPod上修复CSS悬停

我想修复iOS上的悬停效果(改为触摸事件),但我没有任何想法.

让我解释一下.

您的网页中有文字：

<div class="mm">hello world</div>

风格：

.mm { color:#000; padding:15px; }
.mm:hover { background:#ddd; }

好的,在dekstop中,如果你把鼠标放在文本上,你会得到一个#ddd背景,对吧？

但是在iOS中,如果你触摸文本,你什么都没有,但如果你点击它,它会得到一个丑陋和粘稠的#ddd背景,这不是很好,我希望用户获得悬浮效果,当他触摸那个文本(像我想象的touchevent) .

但我看到一些网站固定,像freemyappps.com或

(请检查本网站 – > D4F 在您的ios设备上,触摸某些东西可以看到悬停效果,如吃蛋糕:))

但是这些网站如何修复呢？

怎么能像他们这样修复？

谢谢

所有jsfiddle的代码都是下面的,因为你无法使用没有代码的jsfiddle.net的链接.

注意：我使用jquery,这对你来说是有希望的.

使用Javascript：

$(document).ready(function(){
  // Sorry about bad spacing. Also...this is jquery if you didn't notice allready.
  $(".mm").hover(function(){
    //On Hover - Works on ios
    $("p").hide();
  }, function(){
    //Hover Off - Hover off doesn't seem to work on iOS
    $("p").show();
 })
});

CSS：

.mm { color:#000; padding:15px; }

HTML：

<div class="mm">hello world</div>
<p>this will disappear on hover of hello world</p>