Bootstrap 3.0.0 模态事件未触发 [英] Bootstrap 3.0.0 modal events not firing

问题描述

我似乎无法使用 Bootstrap 3 使模态事件正常工作.我想在我的模态关闭时执行一个操作，但什么也没发生.

I can't seem to get modal events working at all using Bootstrap 3. I want to perform an action when my modal closes, but nothing's happening.

这是我剥离的 HTML:

Here's my stripped back 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/

I've put a JSfiddle together here - http://jsfiddle.net/EcnC3/1/

我没有发现任何其他关于在 Bootstrap 3 中不起作用的模态事件的报告，所以我确定我做错了什么，但无法弄清楚.感谢您提供的任何帮助

I've not found any other reports of modal events not working in Bootstrap 3 so I'm sure I've done something wrong, but can't figure it out. Thanks for any help you can offer

推荐答案

根据文档事件名称就像 shown.bs.modal:

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

看看这个FIDDLE

Have a look at this FIDDLE

这篇关于Bootstrap 3.0.0 模态事件未触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！