javascript - 在页面上显示所有 Bootstrap 模态的事件

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

参见 this bootply

喂，-泰德