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

페이지 정보

루루아빠 2,082 2018.06.02 20:33

평점

  • 평점 : 0점 (0명 참여)

본문

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

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

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

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

<a href="주소" onclick="window.parent.closeModal();">모달창 닫기</a>
추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,294,164
레벨 97
경험치 1,397,066

Progress Bar 1%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 7481438 페이지
제목 글쓴이 날짜 조회 추천
이윰  🏆 Eyoom Builder 3.0.1 패치 루루아빠 2018.04.16 2,565 0
제로  🏆 최근 게시물보기 속도 빠르게 만들기 루루아빠 2005.06.24 2,715 0
이윰  🏆 인기검색어 관련 설정 바꾸기 루루아빠 2015.09.12 2,845 0
그누•영카트  🏆 그누보드 5.3.1.2 패치 루루아빠 2018.04.21 2,080 0
기타  🔒 링크 타겟 새로운 창으로 열때 가운데 정렬해서 원하는 사이즈로 열기 루루아빠 2005.06.25 17 0
이윰  댓글+1🏆 댓글(코멘트)에 외부 이미지를 넣어보기 루루아빠 2015.09.14 3,055 0
그누•영카트  🏆 영카트 5.3.1.2 보안 패치 루루아빠 2018.04.21 2,452 0
제로  댓글+1🔒 여러 게시판의 최근글 통합해서 뽑아내기 루루아빠 2005.06.27 24 0
이윰  🏆 포인트 조회 팝업창으로 뛰우기 루루아빠 2015.09.14 3,675 0
이윰  🏆 이윰빌더 사용하지 않기 루루아빠 2018.04.25 2,143 0
그누•영카트  🏆 영카트 5.4.4.4 shadow2fox 2021.01.09 1,273 0
이윰  댓글+1🏆 "부트스트랩" 기반 동영상 반응형 조정하기 루루아빠 2015.09.15 2,778 0
이윰  🏆 전체검색 리스트 페이지에서 동영상 썸네일 이미지도 사용하기 루루아빠 2018.05.04 2,354 0
제로  🏆 [re] 조금더 전문적인 사용법 루루아빠 2005.06.27 2,310 0
HTML5  🏆 Google Drive에 공유된 동영상 HTML5으로 플레이하기 루루아빠 2015.09.15 2,550 0
이윰  🏆 전체검색 리스트 페이지에서 외부 이미지도 썸네일 사용하기 루루아빠 2018.05.06 2,280 0
제로  🔒 멀티게시판 코멘트 통합추출 팁 루루아빠 2005.06.27 17 0
HTML5  🏆 Google Drive로 공유된 동영상 Jwplayer를 통해 플레이하기 루루아빠 2015.09.15 2,903 0
이윰  🏆 Eyoom Builder 3.0.2 패치 루루아빠 2018.05.14 2,034 0
그누•영카트  🏆 영카트 5.4.4.5 shadow2fox 2021.01.09 1,361 0