Bootstrap 모드 상자 사용자 정의 클릭 과 닫 기 이벤트 설명

모드 상 자 는 배경 에서 닫 히 는 것 을 피 합 니 다:
1.div 초기 화 시 속성 aria-hidden="true"data-backdrop="static"추가

<div class="modal fade" id="edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden='true' data-backdrop='static'>

2.모드 상 자 를 표시 하고 초기 화 할 때

$(‘#myModal').modal({
backdrop: ‘static', 
//           ； 
keyboard: false
//    esc      。
}); 

사용자 정의 모드 상자 표시 및 종료 트리거 이벤트:

 $(".classname").click(function () {
   $('#mymodel').modal('show');
    alert('      ');
  });

 $('#mymodel').on('hide.bs.modal', function () {
   alert('      ');
 });

이상 의 이 Bootstrap 모드 상 자 는 사용자 정의 클릭 과 닫 기 이벤트 에 대한 상세 한 설명 은 바로 작은 편집 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 가 되 고 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.