11.09.2017

Событие click по добавленному элементу через append

При разработке сайта иногда бывает необходимость при помощи jQuery добавить элемент через метод append() и повесить на него событие клик, но это не работает. Знакомо?

Сегодня хотим вам помочь в этом, решается эта проблема, для этого воспользуйтесь обработчиком delegate().

.delegate( selector, eventType, handler(eventObject) )

selector Тип: Строка Селектор для фильтрации элементов страницы.

<div id="append">
	
</div>

#append {
	border: #333 solid 1px;
	width: 100%;
	height: 200px;
	padding: 20px;
}

$('#append').append('<p>Нажми</p>');
$('#append').delegate('p', 'click', function() {
	alert('Событие click сработало');
});

Демонстрация