jQuery点击事件停止传播无法开始工作？

Question

我有一个画廊类型的界面，我正在努力工作，我希望能够在它外面点击它关闭它，但是里面有一个包含主要元素，照片和东西的div点击。但是现在当你在div中单击它时它会关闭，因为它是元素中的一个子节点，当你单击它时它会关闭。

我有这样的div：

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

所有东西都通过ajax加载到影院容器中。 当你点击.theater-wrapper时，它应该触发事件关闭，但是当你点击影院容器时它不应该。

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

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

  });

我有一个jsfiddle显示这个：http://jsfiddle.net/Cs8Kq/1/

Answer 1

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

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