Erkennen, ob das Element Bootstrap-Modal anzeigt?

Question

Ich lade eine separate HTML-Seite in ein modales Bootstrap-Fenster. In diesem Modus gibt es Elemente, die mithilfe von animate.css animieren müssen. Ich kann diesen Teil wahrscheinlich zum Laufen bringen, aber das Problem, das ich nicht herausfinden kann, ist zu bestimmen, wann ein Element, das ich animieren möchte, tatsächlich im Ansichtsfenster angezeigt wird, wenn das Modal geöffnet ist, sodass ich jQuery verwenden kann Klassen animieren. Hilfe?

Danke!

Answer 1

Ich habe nicht versucht, aber ich denke, es arbeiten soll. Erste, der eine Klasse Ihren Elemente hinzuzufügen, so dass sie standardmäßig unsichtbar ist:

.el { 
    visibility: hidden; 
} 

dann überprüfen, wenn die modale geöffnet wird und ihre CSS mit js ändern visibility: visible;

$('#myModal').on('shown.bs.modal', function() { 
    $('.el').css('visibility', 'visible'); 
}); 

Ich nehme an alle angeschlossenen Animationen wird gleich anfangen zu laufen.