JQuery Click событие не может начать работать?

Question

У меня есть интерфейс типа галереи, который я пытаюсь заставить работать, я хочу иметь возможность щелкнуть за его пределами, чтобы закрыть его, однако внутри есть div, который содержит основные элементы, фотографии и вещинажать.Однако, как и сейчас, когда вы щелкаете внутри div, он закрывается, потому что это дочерний элемент в элементе, который, когда вы щелкаете по нему, закрывается.

У меня есть такие div-ы:

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

Все загружается в Theatre-Container через AJAX.Когда вы нажимаете .theater-wrapper, оно должно вызывать событие для закрытия, однако, когда вы нажимаете театр-контейнер, оно не должно.

Вот как я пытался закрыть его:

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

  });

У меня есть jsfiddle, показывающий это в действии: http://jsfiddle.net/Cs8Kq/1/

Answer 1

Если вы хотите остановить распространение события click на .theater-container, тогда вам нужно поместить команду. Прямо сейчас вы применили его к действию .theater-wrapper click.

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