Javascript 显示或淡出模式引导后的JQuery事件

我试图在JQuery中的模态显示事件之后运行ajax函数。但是，我无法让JQuery在模式打开后检测show事件。网上有一些例子，但出于某种原因，它们在我的环境中不起作用——它们也没有抛出错误。它只是不起任何作用

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>

我在网上看到的参考资料：

最后让我改变想法的是：

---

当我输入问题时，我想根据另一个SO答案（链接：）中的评论尝试其他方法

它无法识别模式打开事件的原因是因为我在（'show'，…）上使用了，它应该在（'show.bs.modal'，…）上使用

我不知道没有这个的其他例子为什么或者如何工作，但是这个帮助了我，应该也帮助了其他人

编辑：增强答案以包含示例代码：

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

---

请加强您自己的答案，以便对阅读此帖子的任何人更为明确。在发布相同的问题之前，请检查重复的答案。

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

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