javascript - jQuery click事件停止传播无法正常工作？

我有一个图库类型的界面，我想开始工作，我希望能够在其外部单击以将其关闭，但是内部有一个div，其中包含要单击的主要元素，照片和其他内容。但是，就像现在一样，当您在div内单击时，它会关闭，因为单击时它是元素中的一个孩子，它会关闭。

我有这样的股利：

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

一切都通过ajax加载到剧院容器中。
当您单击.theater-wrapper时，应触发事件以关闭该事件，但是当您单击Theater-container时，则不应触发该事件。

这就是我试图关闭它的方式：

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

  });

我有一个jsfiddle在操作中显示此内容：http://jsfiddle.net/Cs8Kq/1/

最佳答案

如果要停止传播.theater-container上的click事件，则需要在其中放置命令。现在，您已将其应用于.theater-wrapper单击操作。

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