Wie kann ich .append()
mit Effekten wie verwendenshow('slow')
Effekte zu haben append
scheint überhaupt nicht zu funktionieren und liefert das gleiche Ergebnis wie normal show()
. Keine Übergänge, keine Animationen.
Wie kann ich einen Div an einen anderen anhängen und einen slideDown
oder einen show('slow')
Effekt darauf haben?
.append()
nimmt nicht einmal eine Auswahlzeichenfolge . Die Idee ist aber immer noch richtig. Danke, aktualisiert.Das Wesentliche ist:
Das funktioniert bei mir:
oder:
quelle
'normal'
ist keine richtige Saite für Geschwindigkeit. Lassen Sie es für keinen Übergang leer (wird sofort angezeigt). Verwenden Sie eine Zeichenfolge'fast'
für 200 ms oder'slow'
600 ms. oder geben Sie eine beliebige Zahl wie$("element").show(747)
(= 747 ms) ein, um die eigene Geschwindigkeit zu definieren. Sehen Sie sich die Dokumente an und suchen Sie nach Animation / Dauer.element.slideUp("slow", function(){ element.appendTo(parent).hide(); element.slideDown(); });
Eine andere Möglichkeit beim Arbeiten mit eingehenden Daten (wie bei einem Ajax-Anruf):
quelle
Etwas wie:
Sollte es tun?
Bearbeiten: Entschuldigung, Fehler im Code und nahm auch Matts Vorschlag an Bord.
quelle
$('#divid').append('#newdiv').hide().show('slow')
.Wenn Sie an das div anhängen, verstecken Sie es und zeigen Sie es mit dem Argument an
"slow"
.quelle
Stellen Sie das angehängte div so ein, dass es zunächst über CSS ausgeblendet wird
visibility:hidden
.quelle
Ich brauchte eine ähnliche Lösung, wollte Daten auf einer Pinnwand wie Facebook hinzufügen, wenn sie veröffentlicht wurden, verwenden
prepend()
, um den neuesten Beitrag oben hinzuzufügen, dachte, könnte für andere nützlich sein.Der Code in ajax.php ist
quelle
Warum versteckst du dich nicht einfach, fügst es hinzu und zeigst es dann so:
quelle
Es ist möglich, glatt zu zeigen, wenn Sie Animation verwenden. Fügen Sie im Stil einfach "Animation: Show 1s" hinzu und das gesamte Erscheinungsbild wird in Keyframes beschrieben.
quelle
In meinem Fall:
Sie können Ihr CSS mit Sichtbarkeit anpassen: versteckt -> Sichtbarkeit: sichtbar und die Übergänge usw. anpassen. Übergang: Sichtbarkeit 1.0s;
quelle