iPhone/iPad /モバイルサファリの外でユーザーがクリックしたときにDIVを非表示にする

Question

私が働いているサイトで次のコードを実装しましたが、これはうまく動作しますが、何らかの理由でMobile Safari 。ユーザーが#trailer divの外側をクリックすると、ライトボックス型の暗くなるオーバーレイとして機能する#screenoverlayが消え、trailerは（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'); 
}); 
}); 

そして、あなたはそのdakening層を持っている場合、ページはこちら http://tinyurl.com/d2zttye

Answer 1

で、なぜその上のonclickのリスナーを設定していませんか？

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