На что повесить обработчик и какой, чтобы узнать высоту нового блока?

Question

[Сергей]

Здравствуйте. Есть код:

var scav = $('#el').height();

Он всегда возвращает 0 в переменную scav.
Сам блок #el изначально имел display:none.

Т.е. ситуация понятна, изначально в DOM информация о высоте блока хранилась, как 0, я понимаю это так.

Вот я делаю

$('#el').show();
var scav = $('#el').height();

В переменной все равно 0.
Думаю, надо бы повешать обработчик с помощью метода on, но вот какой не пойму никак.

Пробовал так:

jQuery("body").on("change", "#el", function(event){
        console.log('yep');
       var scav = $('#el').height();
    });

в консоли даже не видно yep. Ну, видимо, событие change не подходит. А какое тогда?

Не получается что-то.
Подскажите, пожалуйста.

Answer 1

[Сергей Наломенко]

var scav = 0;

$(function(){
	$('#el').show(function(){ scav = this.height(); })
});

Comments

[Сергей]

TypeError: this.height is not a function Пробовал делать $(this).height() тоже ошибка. А просто this.height - scav = undefined

[Сергей Наломенко]

Сергей: Можете выгрузить пример этого кода на jsfiddle, например?

Answer 2

[sasha]

есть подозрение что на элементе стоит чтото вроде float:left и тогда он действительно может иметь высоту 0. нужен конкретный пример гденить на pastebin или еще где. а иначе это тыкать пальцем в небо.

Comments

[sasha]

как вариант такой фигни jsfiddle.net/gLpkb3wq