6
A
답변
6
이와 같은 작업을 수행 할 수 있습니다.
if (window.location.hash == "#imprint") {
$('#myModal').modal('show');
}
2
예 가능합니다. 그냥 URL을 확인 :
그냥 미래의 방문자/독자, 나는 당신이 찾고있는 정확한 ID를 알 필요없이 모달 동적으로를 엽니 다 아주 간단한 기능을 만들었습니다function popModal() {
// code to pop up modal dialog
}
var hash = window.location.hash;
if (hash.substring(1) == 'modal1') {
popModal();
}
2
. 해시가 없으면 그냥 넘어집니다.
1
몇 시간 후에 나는이 것을 생각해 냈습니다. 페이지 -2에서 페이지 -1에서 클릭 한 링크를 기반으로 다른 모달을 여는 솔루션입니다. HTML 코드는 부트 스트랩 공식 모달 예제를 기반으로합니다.
HTML | 페이지 1.html
<body>
<a href="http://yourwebsi.te/page-2.html?showmodal=1">
<a href="http://yourwebsi.te/page-2.html?showmodal=2">
</body>
JS | ShowModal.js
$(document).ready(function() {
var url = window.location.href;
if (url.indexOf('?showmodal=1') != -1) {
$("#modal-1").modal('show');
}
if (url.indexOf('?showmodal=2') != -1) {
$("#modal-2").modal('show');
}
});
HTML | page-2.html
<body>
<div class="modal fade bd-example-modal-lg" id="modal-1" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">Your content</div>
</div>
</div>
<div class="modal fade bd-example-modal-lg" id="modal-2" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">Your content</div>
</div>
</div>
<script src="ShowModal.js"></script>
</body>
관련 문제
- 1. 부트 스트랩 모달 오류 - 창
- 2. 트위터 부트 스트랩 - 여러 개의 모달 창
- 3. 부트 스트랩 모달 창 + mysql의 Ajax
- 4. 자동 시작 부트 스트랩 2.3.2 모달 창?
- 5. 부트 스트랩 모달 창 내에서의 라우팅
- 6. 페이지의 다중 부트 스트랩 모달 창
- 7. 부트 스트랩 모달 크기 조정 창
- 8. iScroll 모달 부트 스트랩
- 9. 모달 안에 부트 스트랩 모달
- 10. 스크롤 부트 스트랩 3 모달
- 11. 부트 스트랩 모달 - 정렬
- 12. 부트 스트랩 모달 파괴
- 13. 문 부트 스트랩 모달
- 14. 부트 스트랩 모달 배경은
- 15. 부트 스트랩 모달 문제
- 16. 부트 스트랩 모달 팝업
- 17. 부트 스트랩 모달 전환
- 18. 부트 스트랩 - 모달
- 19. 부트 스트랩 모달 마감일 :
- 20. 부트 스트랩 모달 오버랩
- 21. 모달 문제 부트 스트랩
- 22. 부트 스트랩 navbar의 모달
- 23. 부트 스트랩 모달 오류
- 24. 부트 스트랩 모달
- 25. 부트 스트랩 모달 표시
- 26. 부트 스트랩 모달 포함
- 27. 부트 스트랩 모달 폼은
- 28. fullcalendar 모달 부트 스트랩
- 29. 부트 스트랩 로그인 모달
- 30. 부트 스트랩 3, 모달 및지도
예 가능합니다. 그러나 그것은 왜 그리고 어떻게 링크를 사용 하느냐에 달려 있습니다. – Khamidulla
방금 몇 주 동안 단 하나의 준비 과정이 있었으며 다른 서비스의 제 인쇄물에 직접 링크해야합니다. 하지만 제 인쇄물은 미리 준비된 모달 창에 있습니다. 그것이 이유입니다;) – Marek123