顯示或淡入模式引導後的JQuery事件

Question

我想在JQuery中的模式顯示事件之後運行ajax函數。但是，我無法讓JQuery在模式打開後檢測顯示事件。網上有幾個例子，但由於某些原因，他們不在我的環境中工作 - 他們也沒有拋出任何錯誤。它只是沒有做任何事情。

HTML代碼：

<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> 

莫代爾稱爲通過：

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

JQuery的選項我都試過

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

我看到網上的參考： jQuery change event issue after show()

jQuery event to trigger action when a div is made visible

https://jsfiddle.net/ednon5d1/

的一個終於讓我有不同的看法：

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

Answer 1

由於我打字我想嘗試基於另一個等都作了註釋別的問題回答（鏈接：）

它不認識模態開放事件的原因是因爲我使用on（'show'，......）它sh （'show.bs.modal'，......

我不知道爲什麼或者其他的例子如何工作，但是這幫助了我 - 也應該幫助其他人。

編輯：加強的答案，包括示例代碼：

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