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

1074 단어 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 모드 상 자 는 사용자 정의 클릭 과 닫 기 이벤트 에 대한 상세 한 설명 은 바로 작은 편집 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 가 되 고 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.
위 챗 애플 릿 슬라이딩 선택 기의 실현 코드
Vue 전역 페이지 구성 요소 구현 코드

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage