JQuery - Pasar paramatro a animate()

 
Vista:
Imágen de perfil de Fernando
Val: 55
Bronce
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Pasar paramatro a animate()

Publicado por Fernando (30 intervenciones) el 27/06/2017 14:40:13
Hola de nuevo, siguiendo con el problema de mover un formulario al presionar enter o al hacer clic en el boton, que ahora si funciona, ahora me encuentro con otro problema.
El siguiente código mueve el formulario hacia la izquierda determinados pixeles
1
$('.formulario').animate({right: "+=411px"} , 'fast');

He estado haciendo media queries para dispositivos de 600px de ancho y aquí está el problema ya que el código anterior hace que el formulario pase de largo, obvio porque ahora el ancho es mas chico.
Entonces lo que quiero sabes es si en .animate() se puede pasar un parámetro externo, una variable.
Mi idea es ésta:

1
2
3
4
5
6
7
if(width window <= 600){
    var medida= 200;
}else{
    var medida = 411;
}
 
$('.formulario').animate({right: "+=medida"} , 'fast');

Es decir, con un if detectar la resolucion de la ventana del browser y en base a eso asignar un valor u otro a la variable medida, luego usar esa variable como parametro externo en animate().

Ignorar los errores sintacticos del if porque no me acuerdo como se escribe en jquery.

Saludos
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de kip
Val: 141
Plata
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Pasar paramatro a animate()

Publicado por kip (38 intervenciones) el 27/06/2017 14:51:06
Hola, simplemente concatena la variable usando +

1
$('.formulario').animate({right: "+=" + medida} , 'fast');

O si solo usaras la variable para el animate, definela como el string que deseas desde la condicion:

1
2
3
4
5
6
7
if(width window <= 600){
    var medida= "+=200";
}else{
    var medida = "+=411";
}
 
$('.formulario').animate({right: medida} , 'fast');
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de Fernando
Val: 55
Bronce
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Pasar paramatro a animate()

Publicado por Fernando (30 intervenciones) el 27/06/2017 15:51:19
Muchas gracias, solo era eso concatenar.

Saludos
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar