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

如果你有那个dakening图层，为什么不在那上面设置一个onclick监听器？

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

当用户在iPhone / iPad /移动游戏中点击它外面时隐藏DIV

1 个答案: