<script>
$('#login').on('click', function () {
$('.black-bg').addClass('show-modal');
})
$('#close').on('click', function () {
$('.black-bg').hide();
})
</script>
강사님이 숙제 풀이해주신거에 닫기 기능은 제가 추가한 코드입니다
처음에 제가 풀었을때는 밑에처럼 그냥 show() 기능으로 풀었는데
이 때는 닫기 누르고 로그인 버튼 눌러도 계속 모달창이 뜨고 반복이 가능했는데
<script>
$('#login').on('click', function () {
$('.black-bg').show();
})
선생님 풀이대로 class를 부여해준대로 코드를 작성하니 로그인버튼 한번 누르고 닫기 누르면 그 다음에 로그인 버튼을 눌러도
아무 반응이 없습니다 원래 이런건가요?? 아니면 다른 기능ㅇ을 추가해주면 되는걸까요?
제가 놓친부분이 있는지 궁금합니다ㅠㅠ
css 부분도 똑같이 적용해놨습니다
.black-bg {
width: 100%;
height: 100%;
position: fixed;
background: rgba(0, 0, 0, 0.5);
z-index: 5;
padding: 30px;
display: none;
}
.show-modal {
display: block;
}
.white-bg {
background: white;
border-radius: 5px;
padding: 30px;
}
