JavaScript 없이 페이지 로드 시 부트스트랩 모달을 자동으로 표시하는 방법은 무엇입니까?

JavaScript 지식 없이 페이지 로드 시 Bootstrap 모달 실행

Bootstrap 문서에서는 JavaScript를 사용하여 모달을 시작할 것을 권장하지만, 언어에 익숙하지 않은 사람들. 그러나 JavaScript에 능숙하지 않아도 페이지 로드 시 모달을 시작할 수 있습니다.

해결책:

페이지 로드 시 모달을 즉시 표시하려면 jQuery 로드 내에 포함하세요. 문서 헤드 섹션의 이벤트:

<code class="html"><script type="text/javascript">
    $(window).on('load', function() {
        $('#myModal').modal('show');
    });
</script></code>

HTML 코드:

<code class="html"><div class="modal hide fade" id="myModal">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3>Modal header</h3>
    </div>
    <div class="modal-body">
        <p>One fine body…</p>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn">Close</a>
        <a href="#" class="btn btn-primary">Save changes</a>
    </div>
</div></code>

이 코드는 ID가 "myModal"인 모달이 페이지가 로드됩니다.

추가 참고 사항:

• 다음과 같은 링크를 추가하여 모달을 수동으로 시작할 수도 있습니다.

<code class="html"><a class="btn" data-toggle="modal" href="#myModal">Launch Modal</a></code>

• 이 방법은 JavaScript 종속성 없이 작동하며 코딩을 기피하거나 코딩에 대한 지식이 부족한 사람들에게 이상적입니다.

위 내용은 JavaScript 없이 페이지 로드 시 부트스트랩 모달을 자동으로 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!