モーダルブートストラップを表示またはフェードした後のJQueryイベント

Question

JQueryでモーダルショーイベントの後にajax関数を実行しようとしています。しかし、私はモーダルが開いた後にJQueryにショーイベントを検出させることができません。オンラインではいくつかの例がありますが、なんらかの理由で、私の環境では動作していません。どちらもエラーを投げていません。それは何もしません。

HTMLコード： jQuery change event issue after show()

：私はオンライン見ている

$(document).on('show','#md-load-test-modal',function(){ 
      console.log('Modal opened'); 
     }); 

$('#md-load-test-modal').on('show',function(){ 
      console.log('Modal opened'); 
     }); 

$('#md-load-test-modal').bind('show',function(){ 
      console.log('Modal opened'); 
     }); 

$('#md-load-test-modal').on('show',function(){ 
      console.log('Modal opened'); 
     }); 

参照を試してみました

<a href="#" class="btn-default" data-toggle="modal" data-target="#md-load-test-modal">Show Modal</a> 

jQueryのオプション：

<div id="md-load-test-modal" tabindex="-1" role="dialog" class="modal fade colored-header colored-header-primary"> 
        <div class="modal-dialog"> 
        <div class="modal-content"> 
         <div class="modal-header"> 
         <button type="button" data-dismiss="modal" aria-hidden="true" class="close"><span class="mdi mdi-close"></span></button> 
         <h3 class="modal-title">{{modal-heading}}</h3> 
         </div> 
         <div class="modal-body"> 
         <p>{{modal-content}}</p> 
         </div> 
         <div class="modal-footer"> 
         <button type="button" data-dismiss="modal" class="btn btn-default">Close</button> 
         </div> 
        </div> 
        </div> 
       </div> 

モーダル経由で呼び出さ

jQuery event to trigger action when a div is made visible

https://jsfiddle.net/ednon5d1/

最後に、私は違った考え方作っ1：私は、私は別のSOで行われたコメントに基づいて何かをしようと考えた質問を入力したとして

Twitter Bootstrap .on('show',function(){}); not working for popover

Answer 1

回答（リンク：）

私が（ 'show'、... ......）shを使っていたので、モーダルオープンイベントを認識していなかったのは、他の例がこれとは別の理由でどのように動作するのかわかりませんが、これは私を助けました。他の人にも役立つはずです。

EDIT：サンプルコードを含めるように答えを強化：

$(document).on('show.bs.modal','#md-load-test-modal',function(){ 
      console.log('Modal opened'); 
     });