モーダルiframeをクリックしてダイアログを閉じますか？

Question

私はモーダルダイアログボックスを作成しています。まず、bodyタグにiframeを追加して、オーバーレイとして機能させます。

<div class="modal-screen"> 
    <iframe src="javascript:false;"></iframe> 
</div> 

次に、ダイアログボックスをbodyに追加します。

<div class="dialog"> 
    <!-- various dialog related elements 
</div> 

ここで、ユーザーがオーバーレイをクリックすると、ダイアログを閉じます。問題は、オーバーレイに関連するイベントにバインドできないように見えることです。基本的に私のダイアログビューは、オーバーレイが用意されてinitialize方法を持って、私のJSを要約すると

：私はそれを必要とするとき

initialize: function() { 
    this.modal = $('<div class="modal-screen"><iframe src="javascript:false;"></iframe></div>') 

    this.modal.on('click', function(e) { 
    // this event never seems to fire 
    console.log("hello"); 
    } 
} 

それから私は、ページにレンダリングします。私は、オーバーレイをクリックすると、私はhelloを見ることはありません。..

render: function() { 
    $('body').append(this.modal); 
    // append other dialog content 
    this 
} 

Answer 1

ここにiframeを使用する理由はありません。単にoverlay divを作成し、それをクリックすると削除してください。

Answer 2

this.modalではなく、それはあなたがそれに何かをバインドすることができない理由であるDOMオブジェクトである、単一の要素ではありません。代わりに$（ '。modal-screen'、this.modal）をバインドしてみてください。