bootstrap modal 表示切り替え時のイベント

bootstrapのmodalを使っているときにモーダルが表示されたときや、モーダルが消えたときになにか処理をしたいことがある。これはbootstrapに用意されているイベントを使えば簡単に実装出来る。 　Bootstrap/Components/Events

$('#my-modal').on('show.bs.modal', function (e) {
  console.log('show');//showメソッドが実行されたら実行される。
});

$('#my-modal').on('shown.bs.modal', function (e) {
  console.log('shown');//見えるようになったら実行される
});

$('#my-modal').on('hide.bs.modal', function (e) {
  console.log('hide');//hideメソッドが実行されたら実行される
});

$('#my-modal').on('hidden.bs.modal', function (e) {
  console.log('hidden');//見えなくなったら実行される
});