>웹 프론트엔드 >CSS 튜토리얼 >외부를 클릭하여 부트스트랩 모달 닫기를 비활성화하는 방법은 무엇입니까?

외부를 클릭하여 부트스트랩 모달 닫기를 비활성화하는 방법은 무엇입니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-11-13 11:18:02880검색

How to Disable Closing Bootstrap Modals by Clicking Outside?

Bootstrap 모달 닫기 옵션 사용자 정의

Bootstrap 모달은 추가 정보나 사용자 입력을 표시하는 편리한 방법을 제공하지만 기본 동작은 모달 영역 외부를 클릭하는 것은 때때로 바람직하지 않을 수 있습니다.

이 기능을 비활성화할 수 있습니까?

예. 배경 옵션을 사용하여 모달 영역 외부를 클릭하면 모달을 닫는 기능을 비활성화할 수 있습니다.

JavaScript를 사용하는 특정 모달의 경우:

$('#myModal').modal({backdrop: 'static'});

데이터 속성을 사용하는 특정 모달의 경우:

<button
  data-target="#myModal"
  data-toggle="modal"
  data-backdrop="static"
  data-keyboard="false"
>
  Launch demo modal
</button>

추가 사용자 정의:

모달 동작을 추가로 사용자 정의하려면 다음 옵션을 사용할 수도 있습니다.

  • backdrop: 모달에 배경이 있어야 하는지 여부를 제어합니다.
  • keyboard: Esc 키.

위 내용은 외부를 클릭하여 부트스트랩 모달 닫기를 비활성화하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.