Foros del Web » Programando para Internet » Jquery »

fadeIn a función load de jquery

Estas en el tema de fadeIn a función load de jquery en el foro de Jquery en Foros del Web. Hola a todo, por favor solicito su ayuda para resolver esto. Quisiera agregar el efecto fadeIn a la carga de un archivo que realizo con ...
  #1 (permalink)  
Antiguo 29/10/2016, 10:26
 
Fecha de Ingreso: septiembre-2007
Mensajes: 49
Antigüedad: 16 años, 7 meses
Puntos: 3
Pregunta fadeIn a función load de jquery

Hola a todo, por favor solicito su ayuda para resolver esto.

Quisiera agregar el efecto fadeIn a la carga de un archivo que realizo con la función load de jquery, tengo esto:

Código:
$( ".list-cat" ).change(function() {
	$('#lista-productos').load('get-productos.php');
});
Es un select a modo de filtro para mostrar productos.

Apoyenme por favor.

Saludos y gracias
  #2 (permalink)  
Antiguo 29/10/2016, 10:56
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: fadeIn a función load de jquery

El elemento $('#lista-productos') debe estar inicialmente oculto; luego, se carga el contenido desde get-productos.php y, finalmente, en la función de llamada de retorno que se ejecuta al completarse la operación, muestras al elemento:
Código Javascript:
Ver original
  1. $('#lista-productos').load('get-productos.php', function(){
  2.     $(this).fadeIn();
  3. });

__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 29/10/2016, 13:07
 
Fecha de Ingreso: septiembre-2007
Mensajes: 49
Antigüedad: 16 años, 7 meses
Puntos: 3
Respuesta: fadeIn a función load de jquery

Amigo no funciona, desde el principio se carga una lista de producto y el select con el change va filtrando las categorías y muestra una lista de productos nueva.
  #4 (permalink)  
Antiguo 29/10/2016, 14:06
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: fadeIn a función load de jquery

Si el efecto debe producirse cuando se cambia la opción del combo, entonces, solo debes ocultar al elemento antes de lanzar la nueva carga de información y volver a mostrarlo cuando se termine el proceso.
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: efecto, fadein, funcion, load
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:50.