jQuery enviar formulario después de que se complete el efecto?

Question

Estoy tratando de usar queue () de jQuery para mostrar () un div antes de enviar un formulario. Sin embargo, mi código actual simplemente envía el formulario inmediatamente antes de que se inicie el efecto show () . BTW #savebutton no es un elemento de envío, solo una imagen con este evento de clic.

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

¿Cómo puedo asegurarme de que show () se complete antes de enviar?

¡Gracias por cualquier consejo!

Answer 1

LOL, tenía la cola asignada a la ID incorrecta. El código corregido funciona:

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

Answer 2

Puede usar la función show (speed, callback) :

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