ios悬停事件的问题答案

【问题标题】：Issue with ios hover eventios悬停事件的问题
【发布时间】：2012-08-28 22:36:36
【问题描述】：

我目前在使 iPad 与 :hover 事件一起工作时遇到问题。为了澄清我的意思，我已经在http://playing.everythingcreative.co.uk 上传了部分网站，并且我有 3 张图片，当悬停在 div 上时会消失以显示下面的文本，但这在 iPad 上根本不起作用。我试过了：

ontouchstart="touchStart(event);"

但我对正确使用它的工作原理知之甚少。

任何帮助都会很棒。

【问题讨论】：

您正在尝试在触摸屏上使用悬停事件？
是的，基本上...我想要的是 :hover 事件在 ios 上充当淡出/淡入淡出事件
我猜，否则我不会问这个问题，哈哈。我发现这是特定于 iPad 的，但现在我的下一个问题是让它适用于所有触摸屏设备stackoverflow.com/questions/5507964/ios-automatic-hover-fix
hover 究竟应该如何在没有鼠标的 ipad 上工作？
@Bot 我想要它做的是在触摸屏上单击

标签： ios css

【解决方案1】：

我还是使用iOS automatic hover fix? 上的示例并更改：

if(navigator.platform == "iPad") {

到：

if ("ontouchstart" in document.documentElement) {

最终代码：

$(document).ready(function() {
        if ("ontouchstart" in document.documentElement) {
            $("div").each(function() { // have to use an `each` here - either a jQuery `each` or a `for(...)` loop
                var onClick; // this will be a function
                var firstClick = function() {
                    onClick = secondClick;
                    return false;
                };
                var secondClick = function() {
                    onClick = firstClick;
                    return true;
                };
                onClick = firstClick;
                $(this).click(function() {
                    return onClick();
                });
            });
        }
    });

【讨论】：