[Bootstrap] 모달창 내부에서 모달창 부모 닫기

페이지 정보

루루아빠 2,009 2018.06.02 20:33

짧은주소

평점

본문

모달창 내부에서 모달창 부모 닫기
1. 모달창의 id가 myModal이라는 전제하에 스크립트를 다음과 같이 만들어 문서 하단에 첨부한다.

<script>
window.closeModal = function(){
    $('#myModal').modal('hide');
};
</script>

2. 텍스트 링크이든 버튼 링크이든 onclick 방식으로 다음과 같이 수정한다.
예제 수정 전

<a href="주소">되돌아가기</a>
예제 수정 후

<a href="주소" onclick="window.parent.closeModal();">모달창 닫기</a>
부트스트랩 Bootstrap 모달창 내부 부모 닫기
0
추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,289,233
레벨 96
경험치 1,385,558

Progress Bar 61%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요