개발하는 고양이 오이

9. [PHP(HTML)] Bootstrap Modal 밖의 영역 눌렀을 때 자동 닫힘 방지 본문

PHP

9. [PHP(HTML)] Bootstrap Modal 밖의 영역 눌렀을 때 자동 닫힘 방지

Cucum 2022. 6. 21. 09:10

부트스트랩에서 Modal을 이용하다 보면 Modal 밖의 영역을 눌렀을 때 자동으로 닫히는 것을 방지해야 할 때가 있습니다.

이때 사용해줘야 하는 코드는 data-backdrop = "static" 입니다.

 

방법 1) HTML

<div id="modal" class="modal fade" data-backdrop="static">      <!--data-backdrop="static" : Modal 밖 영역 눌렀을 때 자동 닫힘 방지-->
</div>

 

방법 2) JavaScript

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