on touchどこでもモバイルサファリのモーダル/ツールチップ/ライトボックスを非表示にする

Question

私はタッチデバイス専用のページを作成しています。 ページにメニュー項目があります。メニューに触れるとDIVが表示されます。 しかし、ユーザーがDIV以外の領域をタップすると、DIVを非表示にしたいと思います。

私はデスクトップ上で知っているので、メニューにホバー効果を持たせることができ、DIVを表示し、どこでも触れる場所でモバイルに欲しい効果を模倣し、メニューは隠れます。

しかし、これを具体的にはタッチジェスチャーを使用して持ち上げることはできますか？相続人は、サンプルコード、これまで

：それを行うの http://jsfiddle.net/calebo/E5vvm/

Answer 1

一つの方法は、体が「クリック」イベントをバインドするとすぐ、それをクリックすると、「スター」のdivを非表示にし、身体を「アンバインドすることですクリックしてイベントが発生していますが、汚れていますが、作業中です...