2

twitter-bootstrap のモーダル プラグインを使用していますが、モーダルが以前にアラートを表示するのに費やした時間を知りたいです。

私が行ったこの例では、私が何を意味するかを見ることができます: http://tinker.io/e69ff/6

HTML

<button id="mod" class="btn btn-primary btn-block" data-toggle="modal" data-target="#myModal">
    hello
</button>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
      Hello all!
  </div>
</div>

JS

$(function () {
     $("#mod").click(function(){ 
        $('#navigate-away').modal('show');
     });
});

CSS

#mod{
    margin-top: 100px;
}

しかし、ドキュメントにはこれに関するイベントはありません...これを処理する方法はありますか? ヒントやアドバイスをいただければ幸いです。

さらに情報が必要な場合はお知らせください。投稿を編集します。

4

1 に答える 1

3

それはドキュメントにあります。表示されたイベントを使用して、アニメーションがいつ完了したかを確認します。

「表示: このイベントは、モーダルがユーザーに表示されるようになったときに発生します (css トランジションが完了するのを待ちます)。」

$('#myModal').on('shown', function () {
  // do something… 
})
于 2013-05-01T23:35:41.177 に答える