jQueryのクリックイベントストップ伝播が機能しません。

Question

私は仕事に挑戦しようとしているギャラリーのタイプのインタフェースを持っていますが、それを閉じるために外部のものをクリックしたいと思っていますが、主要な要素、写真、クリック。しかし、今すぐdivの内部をクリックすると閉じます。要素をクリックすると閉じられるので、閉じます。

<div class="theater-wrapper"> 
    <div class="theater-container"></div> 
</div> 

すべてがAJAX経由劇場コンテナにロードされます。

は、私はこのようなdivを持っています。 .theater-wrapperをクリックすると、イベントを終了させるはずですが、シアターコンテナをクリックすると、イベントは発生しません。

これは私がそれをクローズしようとしている方法です。

$(".theater-wrapper").click(function (event) { 
    $('.theater-wrapper').hide(); 
event.stopPropagation(); 

    }); 

私はこの動作を示すjsfiddleを持っている：http://jsfiddle.net/Cs8Kq/1/

Answer 1

あなたは.theater-container上のクリックイベントの伝播を停止する場合は、そのですここでコマンドを入力する必要があります。今すぐあなたはそれを.theater-wrapperクリックアクションに適用しました。

$(".theater-container").click(function (ev) { 
    ev.stopPropagation(); 
});