동적 모달 닫기 오류

Question

안녕하세요수정완료 버튼 누르면 수정완료는 잘 됩니다. 그런데 modifyInfoModal.addClass('hidden');modifyInfoModal.removeClass('hidden');했는데도 완료 후 모달이 닫혀지지 않네요. 동적으로 진행하고 있습니다.

HJOW · Answer

회사코드는 아니겠죠?그리고 해당 코드만 가지고는 원인을 알 수 없습니다. 수정은 잘 됐다는 걸 보니 저 완료 메시지까지 나왔다는거 아닙니까. (근데 jQuery ajax 쓰면서 success나 complete 메소드에서 출력하지 않고 왜 바깥에서 출력하는지는 심히 의문이지만요. async 옵션도 없는데... 이거 나중에 서버쪽에서 오류나더라도 완료 메시지가 뜨는 참사가 벌어질껄요. 서버 오류가 없으면 평생 발견 못할수도 있지만요)뭐 그건 질문내용은 아니니까 넘어가고아마 클래스 hidden 에다가 css 로 display none 을 줘놨으니까 hidden 클래스를 부여해서 숨기고 펼치고를 컨트롤하려고 했겠죠?혹시 저 코드 그대로 쓰신 건 아니죠? 그러면 당연히 동작 안하는 게 맞습니다. 다른데는 문제가 다 없고, css쪽도 준비 다 되어있다고 가정해보자구요.var modifyInfoModal &#61; $(&#34;#modifyInfoModal&#34;); modifyInfoModal.addClass('hidden'); modifyInfoModal.removeClass('hidden');첫번째 줄이야 내가 컨트롤할 대상을 선택하는 녀석이니 넘어가고두번째줄까지만 실행하면 모달영역이 숨겨지고, 님이 원하는 동작을 했을것입니다.세번째줄까지 실행하면, 모달영역이 다시 나타났을 겁니다. 왜냐하면, 기껏 두번째줄에서 넣은 hidden 클래스를 세번째줄에서 다시 없앴거든요.

핸호 · Answer

modifyInfoModal 변수가 제대로 레퍼런싱되었는지 console.log(modifyInfoModal) 해보세요.

쭈린 · Answer

밑에분들이 상세하게 설명해놔서 도움이 될지는 모르겠으나 제이쿼리 사용중이시면 제이쿼리에서 제공하는.hide() 옵션을 사용하시는것도 방법이긴해요..show() : display show.hide() : display none 으로 제공하는 함수인걸로 알고있습니다.

동적 모달 닫기 오류

3개의 답변

Q&A 목록