jQuery fadeIn schlägt mit Jquery Form-Plugin

Question

Ich habe eine Nachricht, dass ich fadeIn will, wenn ein Formular erfolgreich senden wird. Ich verwende die jQuery Form Plugin und den Code:

$(document).ready(function() {
var options = {
target: '#output',
beforeSubmit: validate,
resetForm: true
}; 
$('#holdform').ajaxForm(options);
});

Die Validate-Funktion funktioniert perfekt, so dass ich diesen Code hinzugefügt, bevor es zurück true :
(...)

$('#output').fadeIn('slow');
return true;    
}

Das sollte fadeIn die Div I unter der Form haben, gestylt wie display: none ;.
Aber was passiert, ist, dass die div Blendungen in und dann verschwindet. Hat jemand eine Erklärung und möglicherweise eine Lösung, es zu beheben? Danke im Voraus!

Der Code kann in sie fehler Aktion hier gesehen werden: http://gadebold.dk/events/ Tilmeld /

Answer 1

Was geschieht, ist der Inhalt ersetzt wird. Du Verblassen in der #output div, aber wenn die Server-Antwort zurückkommt, wird die Formular-Plugin dieser Antwort in #output setzen, denn das ist, was Sie das Ziel gesetzt haben.

Wenn Sie nicht über die Antwort des Servers kümmern, entfernen Sie einfach die target Option und es wird der Inhalt nicht ersetzen, wie folgt aus:

$(document).ready(function() {
  var options = {
    beforeSubmit: validate,
    resetForm: true
  }; 
  $('#holdform').ajaxForm(options);
});

Sehen Sie hier für eine vollständige Liste der Optionen