페이지 로드 시 부트스트랩 모달을 자동으로 시작하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

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

Mary-Kate Olsen

풀어 주다： 2024-10-19 16:00:31

원래의

1101명이 탐색했습니다.

How to Automatically Launch Bootstrap Modals upon Page Load?

페이지 로드 시 자동으로 Bootstrap 모달 실행

Bootstrap 문서는 JavaScript를 사용하여 페이지 로드 시 모달을 시작하는 솔루션을 제공합니다. 그러나 언어에 익숙하지 않은 사용자에게는 구현이 어려울 수 있습니다.

한 가지 간단한 방법은 문서 헤드 섹션 내에서 jQuery 로드 이벤트를 사용하는 것입니다. 이 이벤트 내에 원하는 모달을 래핑하면 페이지 로드 시 자동으로 나타납니다.

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

로그인 후 복사

다음은 이 코드를 사용하는 방법의 예입니다.

<code class="html"><head>
    <script>
        $(window).on('load', function() {
            $('#myModal').modal('show');
        });
    </script>
</head>
<body>
    <div class="modal" id="myModal">...</div>
</body></code>

로그인 후 복사

로드 이벤트를 사용함에도 불구하고 , 다음 HTML을 사용하여 페이지 내에서 모달을 시작할 수 있습니다.

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

로그인 후 복사

이 지침을 따르면 사용자는 페이지 로드 시 자동으로 또는 페이지 내의 지정된 링크를 통해 Bootstrap 모달을 쉽게 시작할 수 있습니다.

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