jquery transfer antes de submit

[monxas]

Estoy realizando un carrito, y querria usar la animacion transfer para simbolizar el gesto de meter un producto en el carrito. si no hago el submit todo va bien, pero si depues le pido que haga el submit la animacion no funciona, simplemente se queda el recuadro del transfer en el origen sin moverse.

He probado a retrasar el submit con un delay pero tampoco parece que ayude.

Ahora mismo el submit aun no hace nada (action="#") y despues en teoria si todo va bien se realizaria con ajax.

Como podria hacer que el transfer hiciese la animacion completa entes de hacer el submit?

Código Javascript:

<script>
  $(document).ready(function() {
    
  
    $('#111').submit(function() {
    $('#p111').effect('transfer', { to: '#carrito' }, 1000);
    return true;
 
});
 
  });
  </script>
 

En ese codigo:
#111 es el id del form
#111 es el id del div de origen en la animacion transfer
#carrito es el id del div de destino en la animacion transfer

Si pongo esto otro:

Código Javascript:

<script>
  $(document).ready(function() {
    
  
$("#accion").click(function () {    
    $('#p111').effect('transfer', { to: '#carrito' }, 1000);
 
});
 
  });
  </script>
 

la animoacion funciona perfectamente, pero no hace el submit, logicamente.

y con esto otro:

Código Javascript:

<script>
  $(document).ready(function() {
    
  
$("#accion").click(function () {    
    $('#p111').effect('transfer', { to: '#carrito' }, 1000);
        $('#111').submit();
 
});
 
  });
  </script>
 
Pasa lo mismo que con el mrimero, hace el submit pero la animacion no se mueve
 

[mayid]

Esa accion no tiene un callback? Esa sería la mejora manera de manejar la cola de eventos. Si no, podes hacer un setTimeout, pero no me parece lo mejor.

En el segundo efecto decis "pero no hace el submit, logicamente.". Por que? No estas haciendo return false ni event.PreventDefault...

[monxas]

tambien probe el set timeout y el div correspondiente al transfer se seguia quedando quieto.

Al final he añadido la un ajaxform basado en jquery y todo funciona sin problemas.

Muchas gracias de todas formas!