Ich habe ein Div, dessen Inhalte ich von AJAX aktualisieren möchte. Um den Übergang reibungslos zu machen, möchte ich die alten Inhalte ausblenden, dann aktualisieren Sie sie mit der AJAX-Antwort und dann wieder einblenken.Ausblenden, Update von AJAX, Einblenden eines Div mit Prototyp
Mein erster Versuch ist wie folgt; aber natürlich kann der AJAX vor dem fade()
Anruf abschließen, was dazu führt, dass appear()
nicht richtig zündet und der Endzustand ausgeblendet wird. Wie kann ich das so machen, wie ich es möchte?
target = $('card_text_' + index);
new Ajax.Request('/games/card_text',
{asynchronous:false,
evalScripts:true,
method:'get',
parameters:'type=' + value,
onCreate: function(){target.fade()},
onSuccess: function(e){target.update(e.responseText).appear()}
});
Edit: Für Vollständigkeit, ich bin mit Prototype mit script.aculo.us
Zwei Probleme damit: 1 - Ich möchte es sofort als eine klare Fortschrittsanzeige ausblenden. 2 - fade() schließt asynchron ab, also 'elem.fade(); elem.appear() 'feuert beide Effekte mehr oder weniger gleichzeitig ab. – Chowlett