2015-02-12 126 views
1

我想在我的模态被解雇之后简单地做一些逻辑。Bootstrap模式事件没有被解雇

在模式我有一个按钮:

<button type="button" class="btn btn-primary" onclick="$('#mymodal').modal('hide');">Save changes</button> 

在我等待着事件被解雇的观点,但它从来不会。

$('#mymodal').on('hide.bs.modal', function (e) { 
     alert('event fired') 
}); 

我试图把在Chrome浏览器开发工具断点,该事件只打在视图的第一负载。之后,断点再也没有达到。难道我做错了什么?

顺便说一下,模式是隐藏我想要的方式。

+1

'$( '#mymodal')。在( 'hide.bs.modal',...)'? – dfsq 2015-02-12 08:16:53

+0

输入了错误的遗憾,该编号是正确的:-) – greenhoorn 2015-02-12 08:18:02

+1

确保DOM准备好时绑定事件。 '(function(){$('#mymodal')。on('hide.bs.modal',...)})'。 – dfsq 2015-02-12 08:20:05

回答

8

试试这个,

$(function(){ // let all dom elements are loaded 
    $('#mymodal').on('hide.bs.modal', function (e) { 
     alert('event fired') 
    }); 
}); 

Working Demo

+0

对不起,这个ID是正确的。我只是改变他们的问题:-) – greenhoorn 2015-02-12 08:18:36

+0

如果你的ID是正确的,那么它必须工作。看到我更新的答案和[演示](https://jsfiddle.net/rohankumar1524/po9sk1kn/) – 2015-02-12 08:27:49

+0

您编辑的答案正在工作。 $(function(){})的线索是什么? ? – greenhoorn 2015-02-12 08:28:48