Hola a todos, ando con una duda que no consigo resolver y a ver si alguien por aquí me puede echar una mano.
Tengo una imagen que al pinchar sobre ella genera un div con la clase .expanded y me gustaría saber como averiguar el alto que tiene este div (ya que varía según el contenido que tenga dentro) para guardarlo en una variable y poder realizar luego un simple cálculo aritmético.
Utilizando la forma de siempre no me funciona porque cuando se carga la página ese div no existe obviamente por lo que si pongo
alto = $('.expanded').height();
no me devuelve nada.
¿Cómo puedo hacer para ejecutar el script una vez que se ha generado el div para así averiguar el alto que tiene?
Perdón si la pregunta es muy tonta, es que no controlo mucho de JS
Recomiendo conocer el método https://developer.mozilla.org/en/docs/Web/API/Window/getComputedStyle para obtener los valores actuales de las propiedades del elemento
Hola, ya que estas usando JQuery, prueba a disparar la creación del div usando el método .on("click"....), y en el cb ya deberías poder ver los elementos generados dinamicamente.
http://api.jquery.com/on/
Tengo una imagen que al pinchar sobre ella genera un div con la clase .expanded y me gustaría saber como averiguar el alto que tiene este div (ya que varía según el contenido que tenga dentro) para guardarlo en una variable y poder realizar luego un simple cálculo aritmético.
Utilizando la forma de siempre no me funciona porque cuando se carga la página ese div no existe obviamente por lo que si pongo
alto = $('.expanded').height();
no me devuelve nada.
¿Cómo puedo hacer para ejecutar el script una vez que se ha generado el div para así averiguar el alto que tiene?
Perdón si la pregunta es muy tonta, es que no controlo mucho de JS
Muchas gracias de antemano
Un saludo
16/02/2017 13:29
03/02/2017 16:48
http://api.jquery.com/on/
08/02/2017 18:32
$(document).ready(function($){
$('.imagewrap').on('click', fuction() {
var alto = $('.expanded').height();
}
});
Gracias de nuevo por la ayuda
Un saludo