Tengo una página en la que estoy rellenando un div a partir del código html generado por un php al que llamo por ajax.
Este div se rellena con varias imágenes que van dentro de otros divs, etc. Simplificando mi problema, necesito que a todas les asigne la misma altura. Tras la carga calculo la altura de cada imagen, me quedo con la mayor y la asigno a todas las imágenes.
El problema es que aunque ejecute esta función AjustarAlturaImagenesInterior
en el complete después de asignar el resultado al div, parece que aún las imágenes no están "dibujadas" porque no siempre me devuelve su altura (en algunos casos sigue a 0).
Para salir del paso estoy poniendo un Timeout antes de llamar a la función que obtiene la altura máxima, pero esto es un poco "chapuza" porque a veces puede necesitar mas tiempo, etc.
¿Cómo podría saber cuando ha pintado realmente todo el html devuelto para asegurarme que me va a devolver las alturas correctamente?
Adjunto parte de mi código:
function BuscarInteriores(numpage) {
var formato=$("#selFormatoInterior option:selected").val();
var tamaño=$("#selTamañoInterior option:selected").val();
$.ajax({
url: 'consultas/BuscarInterioresCondicionR.php',
type: 'get',
data:{'formato':formato,'tamaño':tamaño,'page':numpage},
success: function (results) {
$('#divDrchoInteriores').addClass("transparente");
$('#divDrchoInteriores').html(results);
/*para que no se vea antes de redimensionar*/
setTimeout(function(){
AsignarEventosaInteriores();
AjustarAlturaImagenesInterior();
AjustarAlturaCuadroImagenesInterior();
$('#divDrchoInteriores').removeClass("transparente");
}, 500);
},
error: function(err){
alert(err);
}
});
}
Muchas gracias