如何觸發JavaScript函數「引導：崩潰插件」後過渡完成

Question

我試圖引導後重新大小iframe高度：collapse插件轉換完成。點擊事件不起作用，因爲轉換尚未完成，JavaScript獲取錯誤的高度信息。任何想法來解決這個問題？

Answer 1

您需要處理的崩潰插件的隱藏事件。

From Docs

隱藏 - 當一個摺疊元素一直隱藏 從用戶這一事件被觸發（等待CSS過渡完成）。

$('#myCollapsible').on('hidden', function() { 
    // do something… 
}) 

至於在引導3.0的評論指出通過@Francesc我們必須使用

$('#myCollapsible').on('hidden.bs.collapse', function() { 
    // do something… 
}) 

Answer 2

我從未使用過崩潰的插件，但是在文檔中，它說有回調所謂的「隱藏」一旦過渡族已完成應被稱爲：

$('#myCollapsible').on('hidden', function() { 
    // do something… 
}); 

Answer 3

如果您使用的引導3.0它很容易。 shown.bs.collapse是元素顯示過渡完成時觸發的事件。我相信你正在尋找這樣的東西。

$('#myCollapsible').on("shown.bs.collapse", function(){ 
//trigger content change 
//this code will be triggered when the collapse transition is completed 
//that is your myCollapsible element will have 'in' in your class 
});