팝업 레이어 외부 영역을 클릭하여 팝업 레이어를 닫습니다. jquery 특수 효과 더 이상 고민하지 말고 간결하고 명확한 코드를 추가해 보겠습니다. 코드를 복사하세요 {display:none;} <div class="codebody" id="code34377">.con{width:500px;height: 300px;ground:#000;} <br> 팝업 레이어를 클릭하고 팝업 레이어 외부 영역에서 팝업 레이어를 닫습니다. jquery 특수 효과 <br>$ (document).ready(function() { <br>$("div.down ").click(function(e) { <br>e.stopPropagation(); <br>$("div.con").removeClass("hide"); <br>}); <br>$(" div.con a").click(function() { <br>$("div.con").addClass("hide") ; <br>}); <br><br>$(document).click (function() { <br>if (!$("div.con").hasClass("hide")) { <br> $("div.con").addClass("hide"); <br> } <br>}); <br><br>$("div.con").click(function (e) { <br>e.stopPropagation();//이벤트가 위쪽으로 버블링되는 것을 방지<br>}) ; <br><br><br>}) <br></head> <br><div class="down"> ;/div> <br><div class="con hide">표시 영역 <br><a style="color :#fff;">닫기</a> ;/div> <br></body> <br></html></div>
