JavaScript - html5lightbox

   
Vista:

html5lightbox

Publicado por Alejandro (1 intervención) el 22/04/2016 21:46:36
Hola.

Estoy usando la clase html5lightbox para mostrar una imagen al dar click sobre un icono, sin embargo los objetos los recargo por el método ajax, todo va bien, hasta que le doy click a mis encabezados de mi tabla para ordenar, posteriormente ya no se visualiza la imagen correctamente, es decir me aparace en una ventana nueva, al parecer choca con la funcion tableSorter().

Les anexo parta del codigo para ver si alguien me pudiera apoyar

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script>
  $("#AltaequipoI").submit(function(event) {
 
  var formData = new FormData($("#AltaequipoI")[0]);
  document.getElementById('AltaequipoI').reset();
   $.ajax({
		  type: "POST",
		  url: "InvEquipos/Nuevo_detequipo.php",
		  data: formData,
		  cache: false,
          contentType: false,
          processData: false,
		  success: function(datos)
		  {
		  $("#TableEquipo").html(datos);
		  $('#tabla').tableSorter();
		  $(".html5lightbox").html5lightbox();	//re-inicializo la clase debido a que traigo los datos con ajax
		  }
		  });
   event.preventDefault();
  });
</script>

Como les comente, todo esta ok, el detalle es cuando doy click para ordenar la tabla, al volver a dar click sobre el icono, la imagen me aparece en una nueva pagina y antes de eso, me la desplegaba ahi mismo y en una ventana modal.

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