Question

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

ontouchstart="touchStart(event);"

但是我对它的使用方法不太了解。

任何帮助都会很棒。

Answer 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();
                });
            });
        }
    });

ios悬停事件的问题

1 个答案: