중첩 된 팝업을 열고 닫기 버튼이있는 경우

Question

두 개의 jquery 기능을 사용하여 페이지에 여러 개의 팝업을 표시하려고합니다. 그 중 하나는 팝업 (단추 옆에 팝업을 배치하기 쉽게하기 위해 단추 내부에 중첩 된 팝업)을 여는 단추입니다. 다른 함수는 중첩 된 div 안에있는 팝업을 닫아야하는 버튼입니다.

문제는 첫 번째 버튼을 구성하는 div가 열린 팝업에 기능을 확장하여 효과적으로 팝업을 닫을 때마다 다시 열립니다.

여기 자바 스크립트

에 대한 코드 (또는 적어도 그게 내가 팝업에서 열기 버튼을 유엔 - 중첩 된 후 일이 일을 시작하기 때문에, 그것은 않는 생각입니다)

jQuery(document).ready(function(){ 

$(".button_open").click(function() 
{ 
$(this).children().css("display","inline"); 
}); 

$(".button_close").click(function() 
{ 
$(".pop-up").css("display","none"); 
}); 

}); 

HTML을

페이지에 각각 다른 내용이 포함 된 팝업이 여러 개 표시되며 가능한 경우 많은 기능이있는 대신 모든 두 가지 기능을 수행하도록하고 싶습니다.

그래서 기본적으로 당신이 당신의 확대 버튼을 클릭 할 경우 중첩 된 DIV

Answer 1

내부의 닫기 버튼 기능을 만드는 어떤 방법이 있는지 알고 싶습니다 - 당신은 또한 부모에 대한 클릭을합니다. 그래서 코드를 만들려고 :

$(".button_close").click(function(event) 
{ 
    $(".pop-up").css("display","none"); 
    event.stopPropagation(); 
}); 

인 stopPropagation 기능은 부모에게 이벤트의 버블 링을 방지 할 수 있습니다. 그런 다음 부모에게 거품을 일으키지 않아야하며 부모에게 클릭 소리가 발생해서는 안됩니다. 도움이되지 않으면 알려주세요.