Ich lade JSON-Daten auf meine Seite und verwende, appendTo()
aber ich versuche, meine Ergebnisse einzublenden. Irgendwelche Ideen?
$("#posts").fadeIn();
$(content).appendTo("#posts");
Ich habe gesehen, dass es einen Unterschied zwischen append
und appendTo
in den Dokumenten gibt.
Ich habe es auch versucht:
$("#posts").append(content).fadeIn();
Ich habe es verstanden, das oben Genannte hat es geschafft!
Aber ich bekomme "undefined"
als einen meiner JSON-Werte.
javascript
jquery
fade
Coughlin
quelle
quelle
Ich weiß nicht, ob ich das Problem, das Sie haben, vollständig verstehe, aber so etwas sollte funktionieren:
HTML:
<div id="posts"> <span id="post1">Something here</span> </div>
Javascript:
var counter=0; $.get("http://www.something/dir", function(data){ $('#posts').append('<span style="display:none" id="post' + counter + ">" + data + "</span>" ) ; $('#post' + counter).fadeIn(); counter += 1; });
Grundsätzlich wickeln Sie jeden Teil des Inhalts (jeden "Beitrag") in eine Spanne ein, setzen die Anzeige dieser Spanne auf keine, damit sie nicht angezeigt wird, und blenden sie dann ein.
quelle
Dies sollte Ihr Problem lösen, denke ich.
$('#content').prepend('<p>Hello!</p>'); $('#content').children(':first').fadeOut().fadeIn();
Wenn Sie stattdessen anhängen, müssen Sie stattdessen den Selektor: last verwenden.
quelle
Sie müssen sich bewusst sein, dass der Code nicht linear ausgeführt wird. Es ist nicht zu erwarten, dass das animierte Material die Codeausführung anhält, um die Animation auszuführen und dann zurückzukehren.
This is because the animation uses set timeout and other similar magic to do its job and settimeout is non-blocking.
This is why we have callback methods on animations to run when the animation is done ( to avoid changing something which doesn't exist yet )
quelle
$(output_string.html).fadeIn().appendTo("#list");
quelle
Angenommen, Sie haben Folgendes in der CSS definiert:
.new {display:none}
und das Javascript sollte sein:
$('#content').append('<p class='new'>Hello!</p>'); $('#content').children('.new').fadeIn(); $('#content').children.removeClass('new'); $('#content').children('.new').hide();
quelle
Zunächst werden empfangene Daten in jQuery Object konvertiert. Zweitens verstecken Sie es sofort. Drittens hängen Sie es an einen Zielknoten an. Und schließlich können wir die notwendigen Animationen eindeutig verwenden, genau wie FadeIn :)
jNode = $("<div>first</div><div>second</div>"); jNode.hide(); $('#content').append(jNode); jNode.fadeIn();
quelle
Ich habe eine teure, dafür:
$("dt").append(tvlst.ddhtml); $("dd:last").fadeIn(700);
quelle
Ich habe versucht, was Sie gesagt haben, hat den Trick getan, funktioniert aber nicht. es funktionierte mit dem folgenden Code
$("div").append("content-to-add").hide().fadeIn();
quelle