2

私は仕事に取り掛かろうとしているギャラリータイプのインターフェースを持っています、それを閉じるためにそれの外側をクリックできるようにしたいのですが、主要な要素、写真、そしてクリックするものを含む内部にdivがあります。ただし、div内をクリックすると閉じます。これは、クリックすると閉じる要素の子であるためです。

私はこのようなdivを持っています：

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

すべてがajaxを介してシアターコンテナにロードされます。.theater-wrapperをクリックするとイベントが発生して閉じますが、theatre-containerをクリックすると発生しません。

これは私がそれを閉じようとした方法です：

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

  });

私はこれを実際に示しているjsfiddleを持っています：http：//jsfiddle.net/Cs8Kq/1/

4

1 に答える 1

3

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

$(".theater-container").click(function (ev) {
    ev.stopPropagation();
});
于 2012-01-25T13:29:23.783 に答える