"Bootstrap：collapse plugin"の移行が完了した後にJavaScript関数をトリガする方法

Question

ブートストラップ：collapseプラグインの移行が終了した後、iframeのサイズを変更しようとしています。クリックイベントは、遷移がまだ完了していないために機能しません。JavaScriptは誤った高さ情報を取得します。この問題を解決するためのアイデアはありますか？

Answer 1

崩壊プラグインで隠されたイベントを処理する必要があります。隠された

From Docs

- 崩壊の要素がユーザーから を隠されていたときにこのイベントは、（完了するために、CSSの遷移を待つことになる）発射されます。

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

@Francescで指摘したように、我々は

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

Answer 2

を使用する必要がブートストラップ3.0のためのコメントで私が崩壊プラグインを使用したことがありませんが、マニュアルには、コールバックがあると言います要素遷移が完了したら呼び出されるべき「隠し」と呼ばれるものです。

$('#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 
});