Задать вопрос
@denisbookreev
javascript

Как навесить обработчики событий на вставляемый html-код?

Доброго времени.

Вставляю кусок формы по кнопке "Добавить", вот код:
function addRowFile()
{
	$('.add-copy__input-file').on('click', function()
	{
		var link = $(this),
			elHTML = '<div class="row row__file row__file_blue"><label class="btn btn__blue upl-button">Прикрепить файл</label><span class="upl-name">Файл не выбран</span><input type="file" class="upl-input"></div>',
			closestRow = link.closest('.form__block').find('.row__file').last();

		$(elHTML).insertAfter(closestRow);

	});
}


Но проблема в том, что вставленные элементы не будут иметь обработчиков, которые есть у таких же элементов изначально.
Как решить эту проблемку?
  • Вопрос задан
  • 279 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 2
vicodin
@vicodin
Имею некоторый опыт
вторым аргументом в функцию .on() передать селекторы элементов, на которые вы хотите навесить обработчики, например, так:

$('body').on('click', '.add-copy__input-file', handlerFunc);
Ответ написан
12 комментариев
12 комментариев
Carduelis
@Carduelis
Web-developer, front-end, js, less
Вопрос детский, но я сам так же тупил вначале.
Вам нужно делегирование событий. Вешаете обработчик не на кнопки, а на родительский тег кнопок. Хоть на <body>. Конечно, вешать на самый корень плохо, по причинам производительности и разграничения кода. Но вешать на тег-родитель, скажем, ленты новостей - дело благое.
Синтаксис на jQuery выглядит так:
$('ul.news-list').on('click',' div > a.button', function() {
// 
});
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Приложение или модуль для Wordpress для учета поездок по QR
25 апр. 2024, в 03:58
10000 руб./за проект
Ошибка в 1с при выгрузке товаров на сайт на Битриксе
25 апр. 2024, в 03:08
3000 руб./за проект
Создание и публикация короткого (reels) UGC-видео на YouTube-канале
25 апр. 2024, в 01:46
500 руб./за проект
Ещё заказы