jquery – Bootstrap 3.0.0模态事件不触发

我似乎无法使用Bootstrap 3获取模态事件.我想在我的模态关闭时执行一个动作,但没有发生任何事情.

这是我剥离的HTML：

<button type="button" data-toggle="modal" data-target="#imageUpload">Launch modal</button>

<div class="modal fade" id="imageUpload" tabindex="-1">
<div class="modal-dialog">
    <div class="modal-content">
        Upload form here
    </div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->

和我的JS：

$(function(){
    $('#imageUpload').modal({
        show: false
    });

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

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

我没有发现任何其他模式事件的报告在Bootstrap 3中不起作用,所以我确信我做错了事,但不能弄清楚.感谢您提供的任何帮助

解决方法

根据 documentation的事件名称就像shown.bs.modal：

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

看看这个FIDDLE

原文地址：https://www.jb51.cc/jquery/179710.html