[jquery] Twitter Bootstrap Modal에 함수 바인딩 닫기

새 프로젝트에서 Twitter Bootstrap lib를 사용하고 있으며 페이지의 일부를 모달 닫기에서 최신 json 데이터를 새로 고치고 검색하려고합니다. 나는 누군가가 그것을 지적하거나 해결책을 제안 할 수있는 문서의 어느 곳에서도 이것을 보지 못한다.

문서화 된 방법을 사용할 때의 두 가지 문제

 $('#my-modal').bind('hide', function () {
   // do something ...
 });

모달에 “숨기기”클래스를 이미 첨부하여 페이지로드시 표시되지 않으므로 두 번로드됩니다.

숨기기 클래스를 제거하고 요소 ID를 설정하고 닫기를 칠 때 위의 함수에 display:none추가 console.log("THE MODAL CLOSED");해도 아무 일도 일어나지 않습니다.

답변

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

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

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

$('#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!');
});

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

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

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

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