Возможно ли при помощи JavaScript (jQuery) отловить момент изменения размера какого-либо элемента?

Question

[EvgeniyKirov]

Нужно что-то вроде такого:

$('body').heightChanged(function(){<br>
    alert('event');<br>
});<br>
<br>
$('body').append('Hello!'); // и тут показывается алерт

Возможно ли такое сделать?

Answer 1

[B@rmaley.e><e]

А с чего бы высоте элемента измениться? Отслеживайте причину, а не результат.

Как вариант, конечно, можно каждые N миллисекунд проверять, не изменилась ли высота и, если да, то вызывать функцию, но столь частый подсчет высоты может крайне негативно сказаться на производительности (reflow / repaint).

Comments

[Maxmaxmaximus]

с того что например ты делаешь кастомный скроллер, и причины изменеия контента находятся ВНЕ твоего скрипта. очевидно же. бесят такие умники которые не отвечают на вопрос а спрашивают "а зачем вам это?"

[B@rmaley.e><e]

Maxmaxmaximus:
1. Как скроллер меняет высоту какого-либо объекта?
2. Если скроллер Ваш, то все взаимодействия с ним Вы точно можете контролировать. В чём проблема отследить то, которое приведёт к изменению высоты?
3. Если вы вдруг не заметили, во втором параграфе приведено одно из возможных решений. Да, оно кривое, но лучшее из тех, что существовали 3 года назад.

[Maxmaxmaximus]

1. Как скроллер меняет высоту какого-либо объекта?
-----
че ты несешь? какую высоту? чем меняет? ты пьяный штоле? перечитай мой текст.

=============
2. В чём проблема отследить то, которое приведёт к изменению высоты?
-------
видимо нужно по 2 раза писать: с того что например ты делаешь кастомный скроллер, и причины изменеия контента находятся ВНЕ твоего скрипта. пишешь ты плаин на jquery который скроллер рисует, и пользоваться им будут другие люди, и скроллер твой будет изолирован от той системы. и должен узнавать по факту что изменилась высота чтобы перерисоваться я не знаю как еще обьяснять

[B@rmaley.e><e]

Maxmaxmaximus:
1. Прочитайте вопрос, на который я отвечал, что ли.
2. Для 3rd-party кода существует концепция callback'ов.

[Maxmaxmaximus]

Ты не понимал зачем это нужно, я ответил зачем это нужно. Чобы применть плагин, и он сам рисовал скроллер. И тебе не приходилось вообще думать о нем мол, братан, я тут контенат добавил, перерисуйся. Ты понимаешь что ИМЕННО ЭТОГО УПРАВЛЕНИЯ КОМПОНЕНТОМ мы и хотим изюежать. А ты говоришь "вот можно им управлять" и типа это решение. короче ты понял зачем такое может понадобится? И это один ИЗ примеров. могу еще штук 5 привести если хочешь.

Answer 2

[Vas3K]

www.w3schools.com/jsref/event_onresize.asp не подойдет?

Answer 3

[Kir Shatrov]

В jQuery есть event resize

Пример:

$(window).resize(function() {
  $('#log').append('<div>Handler for .resize() called.</div>');
});

Comments

[Serator]

По вашей ссылке: «The resize event is sent to the window element when the size of the browser window changes:». Собственно чего и следовало ожидать. У комментатора выше тоже проблема с пониманием вопроса походу…

Answer 4

[Макс Кузнецов]

jQuery: .resize( [ eventData ], handler(eventObject) )
Есть подвох:

Code in a resize handler should never rely on the number of times the handler is called. Depending on implementation, resize events can be sent continuously as the resizing is in progress (the typical behavior in Internet Explorer and WebKit-based browsers such as Safari and Chrome), or only once at the end of the resize operation (the typical behavior in Firefox).

По-русски: хэндлер может вызываться либо один раз, либо непрерывно в процессе изменения размеров элемента — зависит от браузера.

Answer 5

[Анатолий]

Не говорю за библиотеки, но на основные измененияможно подписаться, дальше только таймаут.

Comments

[Анатолий]

Кстати тока мозилла фирефокс