jquery – Bootstrap 3.0.0模态事件不触发

前端之家收集整理的这篇文章主要介绍了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

猜你在找的jQuery相关文章