jQuery AJAX: Wie eine "SAVED" Nachricht anhängen und es nach einer Sekunde verschwinden lassen

Question

das ist wahrscheinlich wirklich einfach für einen jQuery Experten.

Ich habe < div id = " form23 " > <Form> < TextArea- > blahblah </TextArea- > < input type = " Taste " Wert = " speichern " onClick = " saveCaption (23) " > </form > </div >

Ich möchte eine gespeicherte Nachricht ein ppear und verschwinden. Aber ich möchte nicht, dass die Form oder ihre Elemente verschwinden.

Ich habe einen AJAX-Anruf, der wie folgt ist.

function saveCaption(id) { 

var queryString = $('#form'+id).formSerialize(); 

    $.ajax({ 

    type: "POST", 

    url: "includes/ajax.php?request=saveCaption", 

    data: queryString, 

    success: function(response) { 

     $('#form'+id).append(response) 

    } 

    }); 

    return false; 

} 

Ich fragte mich .. Ich kann die Antwort anhängen. Aber gibt es einen Weg, es gleich nach einer Sekunde auszublenden? Gerade jetzt, es wiederholt sich immer und fügt dem letzten Append hinzu. Ich möchte, dass es direkt nach der Verwendung von fadeOut erscheint und verschwindet.

UPDATE: Ich tat dies basierend auf der Antwort von IV und RaYell. Es funktioniert .. aber ist es elegant?

Funktion saveCaption (id) {

var queryString = $('#form'+id).formSerialize(); 

    $.ajax({ 

    type: "POST", 

    url: "includes/ajax.php?request=saveCaption", 

    data: queryString, 

    success: function(response) { 

     $('#form'+id).append('<div id="message">'+response+'</div>'); 

     setTimeout(function() { 

      $('#message').fadeOut(function(){ 

      $(this).remove(); 

      }); 

     }, 1000); 

    } 

    }); 

    return false; 

}

Answer 1

Ich denke, Sie wollen eine Kombination von RaYell's Antwort oben tun, aber eine Entfernung in der FadeOut Callback verwenden, oder sonst wird es weiterhin an die vorherige Append-zumindest, ich denke, dass es basierend darauf tun wird wie du deine Frage formuliert hast. So etwas wie dies funktionieren könnte:

setTimeout(function() { 
    $('selector').fadeOut(function(){ 
    $(this).remove(); 
    }); 
}, 1000); 

Answer 2

Nachdem Sie Ihre Nachricht diese anhängen hinzufügen (innen Erfolg Rückruf):

setTimeout(function() { 
    $('selector').fadeOut(); 
}, 1000); 

Wähler mit etwas ersetzen, das tatsächlich Passen Sie Ihre Nachricht an.