ios悬停事件的问题

ios悬停事件的问题,ios,css,Ios,Css,我目前在使用iPad时遇到了一些问题:悬停事件。为了澄清我的意思,我上传了网站的一部分,我有3张图片,当鼠标悬停在div上时,下面的文字会消失,但这在iPad上根本不起作用。我试过: ontouchstart="touchStart(event);" 但我对如何正确使用它知之甚少 任何帮助都会很好。无论如何,我都是通过使用上的示例和更改: if(navigator.platform == "iPad") { 致: 最终代码: $(document).ready(function() {

我目前在使用iPad时遇到了一些问题:悬停事件。为了澄清我的意思,我上传了网站的一部分,我有3张图片,当鼠标悬停在div上时,下面的文字会消失,但这在iPad上根本不起作用。我试过:

ontouchstart="touchStart(event);"
但我对如何正确使用它知之甚少


任何帮助都会很好。

无论如何,我都是通过使用上的示例和更改:

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

最终代码:

$(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上充当淡出/淡出事件。我猜,否则我不会问这个问题。lol。我发现这是iPad特有的,但现在我的下一个问题是让它在所有触摸屏设备上工作到底是什么hover应该在没有鼠标的ipad上工作吗?@Bot我想要它做的是在触摸屏上单击鼠标
$(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();
                });
            });
        }
    });