用jQuery完全扩展后如何获取div高度

Question

I have read some documentation but I don't have this clear enough.

Let's say I have an image that expands a huge div with class .content . I'd like to know how much the <div class="content"> height, so I do this simple thing inside the function that expands the div

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

use some console logging to see the return but the value is not right. I guess because when the console returns the value the height the div is not completely expanded. Let's say console returns 1500px but the final height is 3000px.

How can I get the right height after the div is completely expanded?

Many thanks

Answer 1

Well, I found a way to find this. I'm posting here in case someone might find it useful.

In my case, my <div.content> was nested in another <div> with class .animator so if I do this

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

Then console log returns the right height of .content

Cheers