首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Bootstrap 3.0.0模式事件不触发

Bootstrap 3.0.0模式事件不触发
EN

Stack Overflow用户
提问于 2013-09-02 16:00:47
回答 4查看 31.7K关注 0票数 18

使用Bootstrap 3我似乎根本不能让模态事件工作,我想在我的模态关闭时执行一个操作,但是什么也没有发生。

下面是我的后处理HTML:

代码语言:javascript
复制
<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:

代码语言:javascript
复制
$(function(){
    $('#imageUpload').modal({
        show: false
    });

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

我在这里放了一个JSfiddle - http://jsfiddle.net/EcnC3/1/

我没有发现任何其他关于Bootstrap 3中的模态事件不起作用的报告,所以我确信我做错了什么,但我找不到答案。感谢您能提供的任何帮助

EN

回答 4

Stack Overflow用户

发布于 2013-12-04 04:48:40

从您的模式中删除.fade类。这对我很有效。

票数 35
EN

Stack Overflow用户

发布于 2015-04-20 17:05:46

删除模态元素上的fade类可以解决这个问题。

https://github.com/twbs/bootstrap/issues/11793

参见@Fint answer

票数 6
EN

Stack Overflow用户

发布于 2013-09-22 06:26:48

模式对话框的Bootstrap.min.css文件中似乎存在错误。我将其更改为Bootstrap.css,对话框现在可见。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18568278

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档