Bootstrap 3.0.0模态事件未触发

我似乎无法使用Bootstrap 3来完成模态事件。我想在我的模态关闭时执行操作，但什么也没发生。

这是我的剥离HTML：

    Upload form here

和我的JS：

 $(function(){ $('#imageUpload').modal({ show: false }); $('#imageUpload').on('hidden', function () { window.alert('hidden event fired!'); }); });

我把JSfiddle放在一起 – http://jsfiddle.net/EcnC3/1/

我没有发现任何其他关于模态事件的报告在Bootstrap 3中不起作用所以我确定我做错了什么，但是无法搞清楚。谢谢你尽你所能的帮助

根据文档，事件名称如shown.bs.modal ：

 $('#imageUpload').on('shown.bs.modal', function () { alert('show event fired!'); });

看看这个FIDDLE

从你的模态中删除.fade类。这对我有用。

删除模态元素上的fade类进行修复。

看@Fint答案

对于模式对话框，Bootstrap.min.css文件中似乎存在错误。我将其更改为Bootstrap.css，现在可以看到对话框。

标记正确的答案就是这样，但是对于我所做的“愚蠢的事情”的大量列表的补充 – 也要小心你所针对的DOM元素。它应该是外模式Div。

例如，如果你使用RequireJS和像Knockout-amd-helper这样的模板管理器，你可能会有像这样的标记

父标记：

模板：

...

你的脚本应该定位’#addThingModal’而不是’#addThingTemplate’