Javascript 在页面上显示所有引导模式的事件

每当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插入的modals。

这应该可以为您提供一些技巧——当事件冒泡到文档级别时，它会捕获事件，因此应该可以捕获所有事件：

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

看

嗯,，

---

-Ted

如果您提前知道ID，您可以将其列出：

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

或者更好的方法是，如果以编程方式以及在html中创建它们，并且使用公共前缀作为id，则可以使用以下选项：

$("div[id^='modal']").on('shown.bs.modal', function() {
   alert('do something');
});

---

不错！正是我所希望的！