0

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

ontouchstart="touchStart(event);"

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

任何帮助都会很棒。

4

1 回答 1

1

无论如何,我还是使用iOS自动悬停修复上的示例弄清楚了?并改变:

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();
                });
            });
        }
    });    
于 2012-08-28T22:57:46.987 回答