通过MVC局部视图注入时，引导模态显示和隐藏事件不触发

Question

在ASP.NET MVC 5中，我有一个ID为#modal的引导程序模态，当满足某些条件时（为了简洁起见，省略了这些条件），该引导模态作为视图的一部分加载。 我在js文件中实现了#modal的shown.bs.modal和hidden.bs.modal函数： main.js

到目前为止，一切正常。 但是，在不满足上述条件的情况下，作为部分视图的一部分，通过AJAX调用将模态注入视图的HTML中。 模态与前面提到的模态完全相同（相同的#modal id，所有内容均相同）。 不过，这一次的shown.bs.modal和hidden.bs.modal函数main.js没有开火。 这是为什么？

Answer 1

在main.js更改事件处理程序：

$('#modal').on('shown.bs.modal', function (e) { ... });
$('#modal').on('hidden.bs.modal', function (e) { ... });

要委派事件处理程序：

$('body').on('shown.bs.modal', '#modal', function (e) { ... });
$('body').on('hidden.bs.modal', '#modal', function (e) { ... });

您可以用#modal父容器替换body 。有关详细说明，请参见@Stephen Muecke的注释中的链接。