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
:
Ver original<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
:
Ver original<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
:
Ver original<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