jQuery 클릭 이벤트 중지 전파가 작동하지 않습니까?

Question

나는 갤러리 형식의 인터페이스를 사용하고 있는데,이 인터페이스를 닫으려면 바깥 쪽을 클릭 할 수 있기를 원하지만 div 요소 안에는 주요 요소, 사진 및 사물이 들어 있습니다. 딸깍 하는 소리. 그러나 이제는 div 내부를 클릭 할 때 닫히기 때문에 요소를 클릭하면 닫힙니다.

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

모든 아약스를 통해 극장 컨테이너에로드 :

나는이 같은 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(); 
});