[JQUERY] 트위터 부트 스트랩 모달 닫기에 함수를 바인딩

트위터 부트 스트랩 모달 닫기에 함수를 바인딩

해결법

1. ---

   1.

   $('#myModal').on('hidden.bs.modal', function () {
       // do something…
   });
   

   부트 스트랩 3 : getbootstrap.com/javascript/#modals-events

   부트 스트랩 4 : getbootstrap.com/docs/4.1/components/modal/#events

   $('#myModal').on('hidden', function () {
       // do something…
   });
   

   getbootstrap.com/2.3.2/javascript.html#modals → 이벤트보기

2. ---

   2.

   $('#my-modal').on('hidden.bs.modal', function () {
     window.alert('hidden event fired!');
   });
   

   작업 예를 들어이 JSFiddle를 참조하십시오 :

   https://jsfiddle.net/6n7bg2c9/

   여기에 문서의 모달 이벤트 섹션을 참조하십시오 :

   https://getbootstrap.com/docs/4.3/components/modal/#events

3. ---

   3.부트 스트랩 3 (편집 : 여전히 부트 스트랩 4 같은) 시작이되고, 이벤트를 해고 할 수있는 두 경우가있다 :

   부트 스트랩 3 (편집 : 여전히 부트 스트랩 4 같은) 시작이되고, 이벤트를 해고 할 수있는 두 경우가있다 :

   $('#myModal').on('hide.bs.modal', function () { 
       console.log('Fired at start of hide event!');
   });  
   

   $('#myModal').on('hidden.bs.modal', function () {
       console.log('Fired when hide event has finished!');
   });
   

   참조 : http://getbootstrap.com/javascript/#js-events

4. ---

   4.대신 "라이브는"당신은 이벤트 "의"사용하지만, 문서 객체에 할당해야합니다 :

   대신 "라이브는"당신은 이벤트 "의"사용하지만, 문서 객체에 할당해야합니다 :

   사용하다:

   $(document).on('hidden.bs.modal', '#Control_id', function (event) {
   // code to run on closing
   });
   

5. ---

   5.

   $(document.body).on('hidden.bs.modal', function () {
       $('#myModal').removeData('bs.modal')
   });
   

6. ---

   6.부트 스트랩을 사용하면 이벤트가 발생 할 경우 모달은 당신이 hidden.bs.modal 이벤트를 사용할 수있는 사용자로부터 숨겨되고 완료되면처럼 당신이 모달로 연결할 수 있다는 이벤트를 제공 이 같은

   부트 스트랩을 사용하면 이벤트가 발생 할 경우 모달은 당신이 hidden.bs.modal 이벤트를 사용할 수있는 사용자로부터 숨겨되고 완료되면처럼 당신이 모달로 연결할 수 있다는 이벤트를 제공 이 같은

       /* hidden.bs.modal event example */
       $('#myModal').on('hidden.bs.modal', function () {
             window.alert('hidden event fired!');
       })
   

   작업 바이올린 여기 문서에 여기 모달 방법 및 이벤트에 대한 자세한 읽어 확인

7. ---

   7.부트 스트랩 4 :

   부트 스트랩 4 :

   $('#myModal').on('hidden.bs.modal', function (e) {
      // call your method
   })
   

   hide.bs.modal : 숨기기 인스턴스 메소드가 호출되었을 때이 이벤트가 즉시 발생합니다.

   hidden.bs.modal : 이 이벤트는 모달가 사용자로부터 숨겨되고 완료되면 해고 (전체에 CSS 전환을 기다립니다).

8. ---

   8.나는 이런 식으로 할 것입니다 :

   나는 이런 식으로 할 것입니다 :

   $('body').on('hidden.bs.modal', '#myModal', function(){ //this call your method });
   

   나머지는 이미 다른 사람에 의해 작성되었습니다. 또한 설명서를 읽어 보시기 바랍니다 : jQuery를 - 방법에

9. ---

   9.나는 그런 때 모달 닫히고를 트리거 hide.bs.modal으로 부트 스트랩 사건에 대한 많은 답변을 보았다.

   나는 그런 때 모달 닫히고를 트리거 hide.bs.modal으로 부트 스트랩 사건에 대한 많은 답변을 보았다.

   모달 (popovers, 툴팁 등)의 모든 팝업이 이벤트를 트리거 : 해당 이벤트에 문제가 있습니다.

   행사 때 모달 닫히고를 잡을 수있는 또 다른 방법이있다.

   $(document).on('hidden','#modal:not(.in)', function(){} );
   

   모달이 열려있을 때 부트 스트랩 클래스에서 사용합니다. 이 이벤트가 트리거 hideis 때 여전히 정의의 클래스 이후 숨겨진 이벤트를 사용하는 것이 매우 중요합니다.

   하지 () 선택 : IE8이 jQuery를 지원하지 않기 때문에이 솔루션은 IE8에서 작동하지 않습니다.

10. ---

    10.나는 몇 가지와 같은 문제가되었다

    나는 몇 가지와 같은 문제가되었다

    $('#myModal').on('hidden.bs.modal', function () {
    // do something… })
    

    당신은 상단에 그것을 배치하는 것은 결코 이벤트가 발생하지 페이지 하단에이를 배치해야합니다.

11. ---

    11.당신이 모든 모달 가까이에 기능을 발사하려는 경우, 당신은이 방법을 사용할 수 있습니다

    당신이 모든 모달 가까이에 기능을 발사하려는 경우, 당신은이 방법을 사용할 수 있습니다

    $(document).ready(function (){
        $('.modal').each(function (){
            $(this).on('hidden.bs.modal', function () {
                //fires when evey popup close. Ex. resetModal();
            });
        });
    });
    

    그래서 당신은 모달 IDS마다 지정할 필요가 없습니다.

from https://stackoverflow.com/questions/8363802/bind-a-function-to-twitter-bootstrap-modal-close by cc-by-sa and MIT license