Ich habe folgenden Code, um die Bootstrap-Warnung nach 5 Sekunden automatisch zu schließen
%Vor%Beim Schließen des Alerts springt der Inhalt oben nicht sehr flüssig. Ist es irgendwie möglich, Inhalte reibungslos an ihren Platz zu bringen?
BEARBEITEN: Nun funktioniert der Code korrekt, wenn ich ihn auf JSFiddle teste, aber wenn ich es auf meinem Server verwende, funktioniert nur die Hälfte davon. Der Alarm wird nach 3 Sekunden ausgeblendet, aber wenn ich die Schließen-Taste drücke, passiert nichts.
Das ist mein Code. Vielleicht ist das Problem PHP-Echo, weil der Code genau so ist wie auf JSFiddle .
%Vor%Wie im Bootstrap-Dokument ( Ссылка ):
Um sicherzustellen, dass Ihre Benachrichtigungen beim Schließen eine Animation verwenden, vergewissern Sie sich, dass sie sie haben Die Klassen
.fadeund.inwurden bereits auf sie angewendet.
Dadurch wird der Alarm ausgeblendet.
Wie ich jedoch sehe, animiert dies die Deckkraft, animiert aber nicht die Höhe und damit den abrupten Sprung des Inhalts, wenn die Warnung entfernt wird.
In diesem Fall verwenden Sie nicht die Standardfunktionalität, sondern führen die Animation selbst bei einem Ereignis durch (setTimeout-Verzögerung in Ihrem Fall). Wenn Sie die Höhe des Alerts animieren, wird der folgende Inhalt automatisch animiert.
Am einfachsten wäre es, jQuery .slideUp :
Beispiel:
Bearbeiten: (basierend auf Op-Kommentaren)
Wenn Sie möchten, dass das bei einem Klick auf die Schaltfläche geschieht und auch die Fade- und Slide-Animationen getrennt sind, bleibt das Konzept gleich. Rufen Sie einfach die Routine auf, um die Animationen zu schließen und zu stapeln oder zu verketten.
Schnelle Demo:
Kombinierte Geige: Ссылка
Tags und Links javascript twitter-bootstrap-3 alert