Bootstrap 모달 설정은 데이터를 캐시하지 않습니다

작은 쓰레기 같은 놈들 · 게시됨 2015. 11. 9. 오전 11:00:19

프론트엔드 프레임워크 Bootstrap의 모달 대화는 원격 옵션을 사용해 URL로 지정할 수 있어, 대화 공간이 처음 .modal-body에 나타나면 이 주소에서 자동으로 데이터를 로드하지만, 한 번만 로드됩니다. 이 문제는 이벤트에서 removeData() 메서드를 호출하면 해결할 수 있습니다.

관련 문서를 검색하고 참고한 결과, 대화 상자의 숨겨진 이벤트에 문장을 작성하는 것만으로도 충분하다는 것을 알게 되었습니다:

$("#myModal").on("hidden", function() {
$(this).removeData("modal");
});

코드 복사

또한 대화 시작 전에 데이터를 삭제할 수 있는데, 효과는 동일합니다.

참고: 위 코드는 Bootstrap v2를 기반으로 하며, Bootstrape v3를 사용하면 모달 대화 상자와 이벤트의 HTML이 다르게 작성됩니다. 예를 들어, 위의 숨겨진 이벤트는 다음과 같이 작성됩니다:

$("#myModal").on("hidden.bs.modal", function() {
$(this).removeData("bs.modal");
});

코드 복사

[부츠스트랩] Bootstrap 모달 설정은 데이터를 캐시하지 않습니다

관련 게시물