질문을 삭제하지 말아주세요.!
 
1
0
-1


/*배경 레이어 정의*/
$('.pop_butten').on("click",function(){
$('<div class="pop_lay"></div>').appendTo('.master');
$('.pop_lay').css('width',$(document).width());
$('.pop_lay').css('height',$(document).height());
$('.pop_lay').slideToggle();
});

이렇게 모달 배경을 정의한뒤에 css로 

.pop_lay {
display: none;
z-index: 1;
position: absolute;
background-color: rgba(0,0,0,0.5);
cursor: pointer;
}

이렇게 정의했습니다


버튼을 클릭하면 잘 나오는데


$('.pop_lay').on("click",function(){
$(this).slideToggle();
})

이렇게 코딩을 추가해서 모달 팝업을 없애려고하면 클릭해도 아무런 반응이없어요 

제가 잘못알고 있는게 있을까요 ㅠㅠ ?

    CommentAdd your comment...

    1 answer

    1.  
      1
      0
      -1

      음 페이지를 보고 말씀드리는게 아니라서 정확하지 않을 수 있긴한데

      주신 코드만 봤을때는 동적으로 생성된 dom에 이벤트 바인딩을 하는 문제로 예상됩니다.

      $('.pop_lay').on("click",function(){
      	$(this).slideToggle();
      })

      이 소스를 이렇게 수정해보세요

      $('document').on('click', '.pop_lay',function(){
      	$(this).slideToggle();
      })
      1. getahead92

        감사합니다!! 힌트주셔서 해결됬어요 공부 열심히 하겠습니다!

      CommentAdd your comment...