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

11.09.2017 · JavaScript

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

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

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

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

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

HTML
<div id="append">
	
</div>
CSS
#append {
	border: #333 solid 1px;
	width: 100%;
	height: 200px;
	padding: 20px;
}
JS
$('#append').append('<p>Нажми</p>');
$('#append').delegate('p', 'click', function() {
	alert('Событие click сработало');
});

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

Назад в блог

От идеи —
к первому шагу.

Расскажите, что хотите создать.
Обсудим задачу и наметим следующий шаг.