Come attivare una funzione JavaScript dopo la transizione di "Bootstrap: collapse plug-in"

Question

Sto cercando di ridimensionare l'altezza iframe dopo il Bootstrap: la transizione del plug-in collapse è terminata. L'evento Click non funziona perché la transizione non è ancora terminata, JavaScript ottiene le informazioni sull'altezza sbagliata. Qualche idea per risolvere questo problema?

Answer 1

È necessario gestire l'evento nascosto sul plug-in di compressione.

From Docs

nascosto - Questo evento viene generato quando un elemento crollo è stata nascosta dall'utente (aspetterà per le transizioni CSS per completare).

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

come sottolineato dal @Francesc nel commento di Bootstrap 3.0 dobbiamo usare

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

Answer 2

Non ho mai usato il plugin crollo, ma nella documentazione si dice che c'è un callback chiamato 'nascosto' che dovrebbe essere chiamato una volta terminata la transizione dell'elemento:

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

Answer 3

Se si utilizza il bootstrap 3.0 è piuttosto facile. shown.bs.collapse è l'evento che viene generato quando la transizione dell'elemento mostrato è completa. Credo che tu stia cercando qualcosa di simile.

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