본문으로 바로가기

bootstarp modal 이벤트 사용하기

category [ Web 관련 ]/jQuery 2020. 4. 17. 15:15
$('#모달ID').on('shown.bs.modal', function (e) {
	$('#텍스트박스ID').focus();
});

이벤트설명

show.bs.modal 이 이벤트는 show 인스턴스 메소드가 호출되는 즉시 발생합니다. 만약 클릭에 의한 것이라면, 클릭된 요소는 이벤트의 relatedTarget 속성으로 가능합니다.
shown.bs.modal 이 이벤트는 모달이 사용자에게 보여졌을 때 실행됩니다 (CSS 전환이 완료되기를 기다릴 것입니다). 만약 클릭에 의한 것이라면, 클릭된 요소는 이벤트의 relatedTarget 속성으로 가능합니다.
hide.bs.modal 이 이벤트는 hide 인스턴스 메소드가 호출되는 즉시 실행됩니다.
hidden.bs.modal 이 이벤트는 모달이 가려지는게 끝났을 때 실행됩니다 (CSS 전환이 완료되기를 기다릴 것입니다).
loaded.bs.modal 이 이벤트는 remote 옵션을 사용하는 콘텐츠를 가진 모달이 로드되었을때 발생됩니다.

 

 

참고

http://bootstrapk.com/javascript/