2015-02-12 168 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