Как поймать высоту блока в режиме реального времени?

Question

[Сергей Ивонов]

Есть блок с высотой 33.33%.
И есть скрипт, который уменьшает и увеличивает это значение.
Например значение 33.33%, при клике она становиться 66.66%, еще клик - 100%, обратный клик - может 33.33% или же 66,66%.

Мне нужно зависимости от изменении этой значение добавить класс.

Как поймать высоту блока в режиме реального времени?

Тут что-то начал пробовать но не могу идти дальше:

$(function(){
		$('.ui-slider-range').resize(function() {
			var ht = $('.ui-slider-range').height();
			alert( ht );
		})
	})

Answer 1

[Nik Gubin]

В jQuery есть возможность создавать свои события, которые можно слушать и вызывать. Прикладываю ссылочку.
Слушайте своё событие с помощью on(), в котором обрабатываете высоту, а в местах, где изменяете высоту, обязательно вызывайте trigger() события.

learn.jquery.com/events/introduction-to-custom-events