twitter-bootstrap - Twitter ブートストラップ モーダル イベントが発生しない

Question

モーダル ウィンドウが閉じているときに関数を呼び出そうとしていますが、機能していません。

私のコードは次のとおりです。

<script type="text/javascript">

    $('#myModal').bind('hidden', function () {
        alert("blah");
    });

</script>

<div id="myModal" class="modal hide fade">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <br />
    Test
  </div>
  <div class="modal-body">
    <p>Modal body</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn primary">Primary</a>
    <a href="#" class="btn secondary">Secondary</a>
  </div>
</div>
<button type="button" data-toggle="modal" data-target="#myModal">Launch modalbggg</button>

何か案は？

Answer 1

あなたのコードは完全に機能します。ここを参照してください：http://jsfiddle.net/5sJYk/

適切なバージョンの Twitter Bootstrap と jQuery を使用していること、およびそれらを正しく呼び出していることを確認してください。

Answer 2

1. ドキュメンテーションonでは、 ではなくを使用すると述べていますbind
2. すべてのソースを含めてよろしいですか?

3. jQuery の魔法の機能を使用しない理由:

   $(function() {
       $('#myModal').bind('hidden', function () {
           alert("blah");
       });
   });
   

Answer 3

モーダルの ID の変数を宣言するだけです。そして、隠しイベントにバインドします。

var $modal = $('#myModal');

$modal.on('hidden.bs.modal', function(e) {
   // console.log("modal is closed....");
});

Answer 4

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