Обработчик на вновь созданный элемент?

Question

[SmartBalance]

Подскажите пожалуйста, как изменить конструкцию, чтобы функция выравнивания высоты блоков(equalizeHeights) срабатывала на добавленные/появившиеся элементы?

<script type="text/javascript">	
		$(document).ready(function(){
			$.fn.equalizeHeights = function() {
			  var maxHeight = this.map(function(i,e) {
				return $(e).height();
			  }).get();

			  return this.height( Math.max.apply(this, maxHeight) );
			};
			
			$(".one-block-news-txt").equalizeHeights();

		});
	</script>

Заранее благодарю за срочный ответ

Answer 1

[Денис Инешин]

Вообще-то .on тут не при чем. Это можно сделать двумя способами:
1. Кроссбраузерный. Каждый раз при добавлении элементов, вручную вызывать функцию заново. Скажем элементы у вас вставляет некая другая функция, так вот, в ту функцию поместите вызов своей.
2. Не очень кроссбраузерный. Реальное отслеживание изменений в DOM, в этом вам может помочь Mutation Observer, который в частности может отслеживать появление и удаление элементов из DOM.

Comments

[SmartBalance]

Дело в том что та, что подгружает блоки, срабатывает по скроллу

jQuery(function($){
	$(window).scroll(function(){

а та, что выравнивает блоки функция лежит в рэди
$(document).ready(function(){

если я сам обработчик вызываю в момент после подгрузки, добавив к первой функции
$(".one-block-news-txt").equalizeHeights();
то к сожалению ничего не происходит с подгруженным контентом(

[Денис Инешин]

SmartBalance: Я не в курсе что именно вы там делаете при скролле. Но у вот пример где всё работает: jsfiddle.net/IonDen/mrcqbhrf

[SmartBalance]

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