여백 클릭하면 닫히는 소스
본문
무료로 공유해주는 외국 사이트 좌표 혹시 아세요?
모바일빌더 메뉴 등에 주로 사용되는 소스인데....
예를 들어,
http://www.homzzang.com/plugin/mobile/ 좌측 하단의 말풍선 클릭 후 열린 창에서
다른 여백을 클릭하면 자동으로 닫히는 식이요..
이런 소스를 전문 용어로 뭐라고 부르는지도 궁금합니다.
답변 3
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
제이쿼리를 불러오지 않아서 그렇죠.
저런걸 모달이라고 하지는 않고 뜨는 레이어창을 모달이라고 하더군요.
어플리케이션에서는 X표만 있는 작은창을 모달이라고 했는데...
저런걸 뭐라고 하는지는 모르겠습니다. 단지 이벤트에 이름이 있을 이유가 있을까요?
위 링크 넣으니까 잘 되네요.
혹시, 나중에 외국 사이트 좌표 알게 되시면 공유 부탁드려요.
그냥 만드시면 되지 않아요 ? -_- 응???
맘은 그러고 싶어요. ㅎ
간단하게 만들어 봤습니다.
참조만 하세요 ㅎㅎ
<style>
.modal{width:200px;height:200px;margin:0 auto;background:#000;z-index:9;}
</style>
<script>
$(function(){
$("html, body").click(function(e) {
if ($(e.target).hasClass('modal')) {
return false;
}
$(".modal").slideUp("slow");
});
});
</script>
<div class="modal"></div>
아무런 변화가 없는데요. ^^;;
http://codepen.io/anon/pen/BNmJve?editors=100
모달이라는 용어가 들어간 걸 보니, 이런 걸 "모달"이라고 부르나요?
답변을 작성하시기 전에 로그인 해주세요.
