외부 클릭 시 부트스트랩 모달이 닫히는 것을 방지하는 방법은 무엇입니까?

외부 클릭 시 Bootstrap 모달 폐쇄 비활성화

Bootstrap 모달의 기본 동작은 외부 클릭 시 닫힐 수 있도록 하는 것입니다. 모달 콘텐츠 영역. 그러나 이 동작을 방지하고 외부를 클릭하여 모달을 닫는 기능을 비활성화하려는 경우가 있을 수 있습니다.

사용자 정의 옵션

이를 달성하려면 Bootstrap에서 제공하는 다음 옵션을 사용할 수 있습니다.

1. 배경:

배경 옵션을 정적으로 설정하면 배경을 클릭해도 모달이 닫히지 않습니다.

2. 키보드:

키보드 옵션을 false로 설정하면 Esc(Esc) 키를 누를 때 모달이 닫히지 않습니다.

옵션 구현

JavaScript:

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

데이터 속성의 경우:

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

이러한 옵션을 사용하면 특정 모달 인스턴스를 닫는 기능을 선택적으로 비활성화할 수 있습니다. 다른 모달이 정상적으로 작동하도록 허용하면서 콘텐츠 영역 외부를 클릭합니다.

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