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

Question

我正在尝试在 JQuery 中的模态显示事件之后运行 ajax 函数。但是，我无法让 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>

模态称为：

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

我在网上看到的参考资料：j查询更改事件问题后 show((

jQuery 事件，用于在div 可见时触发操作

https://jsfiddle.net/ednon5d1/

最终让我另辟蹊径的那个：

Twitter Bootstrap .on('show'，function(({}(; 不适用于弹出框

Answer 1

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

它没有识别模态开放事件的原因是因为我正在使用on('show',......(它应该在('show.bs.modal',......

我不知道为什么或如何在没有这个的情况下其他示例工作，但这帮助了我 - 也应该帮助其他人。

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

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