如何知道模態動畫何時完成？

Question

我使用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; 
} 

---

但在文件中沒有事件這...有一種方法來處理呢？任何提示或建議，將不勝感激。

如果您需要更多信息，請告訴我，我將編輯帖子。

Answer 1

它在文檔中，您使用的Event知道什麼時候動畫完成：

「顯示：該事件被觸發時，語氣已經取得了對用戶可見（等待CSS過渡去完成）。」

$('#myModal').on('shown', function() { 
    // do something… 
})