我目前在使 iPad 与 :hover 事件一起工作时遇到问题。为了澄清我的意思,我已经在http://playing.everythingcreative.co.uk上传了网站的一部分,并且我有 3 张图片,当悬停在 div 上时会消失以显示下面的文本,但这在 iPad 上不起作用一点也不。我试过了:
ontouchstart="touchStart(event);"
但我对正确使用它的工作原理知之甚少。
任何帮助都会很棒。
我目前在使 iPad 与 :hover 事件一起工作时遇到问题。为了澄清我的意思,我已经在http://playing.everythingcreative.co.uk上传了网站的一部分,并且我有 3 张图片,当悬停在 div 上时会消失以显示下面的文本,但这在 iPad 上不起作用一点也不。我试过了:
ontouchstart="touchStart(event);"
但我对正确使用它的工作原理知之甚少。
任何帮助都会很棒。
无论如何,我还是使用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();
});
});
}
});