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