Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/06/2015, 03:21
ogs1017
 
Fecha de Ingreso: octubre-2014
Mensajes: 3
Antigüedad: 9 años, 6 meses
Puntos: 0
No funcionan los callbacks

Hola, para un juego de cartas necesito que haya unos procesos seguidos de otros y animaciones con diferentes classes. Lo estoy intentando hacer con callback para que ejecute una función despues de la otra sin interferir pero no me funciona.

Se trata de una baraja de cartas una encima de la otra que se mezla, Las funciones estan ien segun el codigo que he empleado en html solo me falta que se ejecuten una despues de la otra

Muchas gracias.


Código:
var FunctionUno= function (pos,callback) {

	  $(".pos"+pos+" >div").toggleClass("mezclando");
			  		$(".pos"+pos).toggleClass("mezcl");

callback();
};


var FunctionDos = function (pos, aleatorio, callback) {

			posini="pos"+pos;
						  		pos--;
						aleatorio= Math.round(Math.random()*(11));
						while (pos>0){
							pos2=pos+1;
									$(".pos"+pos).toggleClass("pos"+pos2,1000);
						  		 $(".pos"+pos2).removeClass("pos"+pos,1000);

						 pos--;
						}


						while (pos<=aleatorio){
							pos2=pos-1;
									$(".pos"+pos).toggleClass("pos"+pos2,1000);
						  		 $(".pos"+pos2).removeClass("pos"+pos,1000);

						 pos++;
						}


						$(".mezcl").toggleClass("pos"+aleatorio,1000);
						$(".mezcl").removeClass(posini,1000);

						callback();

};


var FunctionTres = function (aleatorio) {


						      $(".pos"+aleatorio).toggleClass("mezcl",1000);
						 		$(".pos"+aleatorio+" >div").toggleClass("mezclando",1000);

};