在页面上显示所有 Bootstrap Modals 的事件

Question

每当打开 Bootrap 模式时，我都会尝试做一些事情（在这种情况下是一些统计数据）。

我知道，我可以将这样的事件侦听器添加到模态：

$('#modal-content').on('shown.bs.modal', function() {
   alert('do something');
});

但是有没有办法让页面上的所有模态都有一个监听器？额外的问题：即使对于那些被 Javascript 插入的人？

我想过这样的事情：

jQuery('.modal[role="dialog"]').on('show.bs.modal', function() {
   alert('do something');
});

但我希望有一种更好的方法和一些东西可以用于由 Javascript 插入的模态。

Answer 1

这应该对你有用——当它冒泡到文档级别时它会捕获事件，所以应该可以捕获它们：

$(document).on('shown.bs.modal', function() {
   alert('do something');
});

看到这个引导

HTH, -Ted