隐藏DIV，当用户在iPhone/iPad /手机Safari浏览器上点击它时

Question

我在我正在使用的网站上实施了以下代码，该代码很好用，但出于某种原因似乎无法在Mobile Safari上使用。当用户在#trailer div外面单击时，用作灯箱类型的#screenoverlay变暗覆盖图应该消失，并且预告片应该暂停（通过vimeo API）。然而，在iPad上它不起作用，我怀疑这可能是因为mouse_is_inside代码在移动设备上无法使用？是否有另一种方法来实现相同的效果或修改此代码的方法？任何帮助将是太棒了！

var mouse_is_inside = false; 

$(document).ready(function() 
{ 
$("#trailer").hover(function(){ 
    mouse_is_inside=true; 
}, function(){ 
    mouse_is_inside=false; 
}); 

$("body").mouseup(function(){ 
    if(! mouse_is_inside) $("#screenoverlay").fadeOut(); 
    froogaloop.api('pause'); 
}); 
}); 

和页面在这里 http://tinyurl.com/d2zttye

Answer 1

如果您有一层达克宁，那么为什么不设置上一个onclick听众？

$("#screenoverlay ").onclick(function(){ 
    $("#screenoverlay").fadeOut(); 
});