jQuery invia il modulo dopo che l'effetto è completo?

Question

Sto cercando di usare la coda () di jQuery per show () un div prima di inviare un modulo. Tuttavia, il mio codice attuale invia immediatamente il modulo prima ancora che inizi l'effetto show () . BTW #savebutton non è un elemento di invio, ma solo un'immagine con questo evento clic.

$("#savebutton").click(function () {
    $("#saving").queue(function()
    {
        $("#saving").show("slow");
        $("#form1").submit();
    });
});

Come posso assicurarmi che show () sia completo prima di inviare?

Grazie per qualsiasi consiglio !!

Answer 1

LOL, la coda è stata assegnata all'ID sbagliato. Il codice corretto funziona:

$("#savebutton").click(function () {
    $("#savebutton").queue(function()
    {
        $("#saving").show("slow");
        $("#form1").submit();
    });
});

Answer 2

È possibile utilizzare la show (speed, callback) :

$('#savebutton').click(function () {
    $('#saving').show('slow', function() {
        $('#form1').submit();
    });
});