Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Problemas al cargar nuevo contenido en html

Estas en el tema de Problemas al cargar nuevo contenido en html en el foro de Jquery en Foros del Web. Hola muy buenas a todos, espero esten bien. Veamos, estoy desarrollando un sistema simple de subida de imagenes y con jquery lo que hago es ...
  #1 (permalink)  
Antiguo 01/06/2016, 15:29
 
Fecha de Ingreso: agosto-2015
Ubicación: Rosario - Argentina
Mensajes: 424
Antigüedad: 9 años, 4 meses
Puntos: 12
Problemas al cargar nuevo contenido en html

Hola muy buenas a todos, espero esten bien.

Veamos, estoy desarrollando un sistema simple de subida de imagenes y con jquery lo que hago es crear un visor responsive para cualquier dispositivo, y un sistema que filtra la imagen por x categoria.

Ahora, el problema es que al filtrar la imagen esta se carga con la funcion html() de Jquery y al darle click a la imagen miniatura que muestra no me abre el visor de imagenes....

Si yo recargo la web y pulso en cualquier imagen, se abre el visor y la imagen se carga sin problemas, pero esto no pasa luego de hacer un filtrado (Filtrado con ajax).

Esta seria la funcion simple que captura los datos y abre el visor etc.. ahorrare el code:
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.  
  3. $("#galeria #mini_img").on("click", function(){
  4.  $("#overlay").fadeIn(600);
  5. });
  6.  
  7. });

Este es el code que carga las imagenes filtradas.
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.     $("#filtrar_imagen").on("click", function(){
  3.         var form = $("#filtrar").serialize();
  4.         $.ajax({
  5.             type: "POST",
  6.             url: "../funciones/filtrar.php",
  7.             data: form
  8.         }).success(function(result){
  9.             $("#galeria").html(result);
  10.         });
  11.     });
  12. });

Este es el valor de la variable result:
Código HTML:
<div id='mini_img' img='http://$url_host/images/$linea[nombre]' name='$linea[nombre]' style='background-image:url(http://$url_host/images/$linea[nombre]);'></div> 
Bien, quiero agregar que mediante la consola he comprobado que el code del div que seria la imagen miniatura estan iguales, tanto a penas se ingresa a la pagina como luego de filtrar, es por eso que ya no se cual es el problema del que "visor" no se abra al darle click a esa miñatura.

Espero puedan ayudarme y gracias de antemano!.
  #2 (permalink)  
Antiguo 03/06/2016, 15:23
 
Fecha de Ingreso: agosto-2015
Ubicación: Rosario - Argentina
Mensajes: 424
Antigüedad: 9 años, 4 meses
Puntos: 12
Respuesta: Problemas al cargar nuevo contenido en html

Lo he solucionado, por lo que dejare la solucion por si aguien alguna vez visita este hilo.

La solucion en mi caso fue crear una nueva funcion que se llama reloader(); y lo que hace es que al filtrar me cargue nuevamente el $(document).ready con todas sus intrucciones.

saludos.

Etiquetas: contenido, html
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 10:32.