2017-02-27 12 views
0

J'ai lu de la documentation mais je n'ai pas assez clair.Comment obtenir div hauteur après est complètement développé avec jquery

Disons que j'ai une image qui développe un énorme div avec la classe .content. Je voudrais savoir combien la hauteur <div class="content">, donc je fais cette chose simple à l'intérieur de la fonction qui augmente la div

contentSize = $('.content').outerHeight(true); 
console.log('Content size is', contentSize, 'pixels'); 

utilisent une exploitation forestière de la console pour voir le retour, mais la valeur n'est pas juste. Je suppose que lorsque la console renvoie la valeur de la hauteur, la div n'est pas complètement développée. Supposons que la console renvoie 1500px mais la hauteur finale est 3000px.

Comment puis-je obtenir la bonne hauteur après que le div soit complètement développé?

Un grand merci

+0

Pouvez-vous montrer le code que vous avez utilisé pour agrandir l'image? –

+0

Utilisez-vous une tierce partie ou hide/show ou autre chose pour montrer cela? –

+0

Bonjour, merci pour votre aide. @Blue Boy, vous pouvez voir un exemple ici. cliquez dans la première image et un div sera développé. Dans la console, vous pouvez trouver la valeur qui est retournée et vous verrez n'est pas correct. http://tanaanstudio.com/again/old/fiddle.html – tanaan

Répondre

0

Eh bien, j'ai trouvé un moyen de trouver cela. Je poste ici au cas où quelqu'un pourrait le trouver utile.

Dans mon cas, mon <div.content> imbriqué dans un autre <div> avec classe .animator si je fais

var contentSize = $('.animator').find('.content').outerHeight(true); 
console.log('Content size is', contentSize, 'pixels'); 

console, il journal retourne la bonne hauteur de .content

Vive