Почему jquery не работает после динамической подгрузки страницы?

Question

[red-web]

Собственно следующая проблема есть jquery код:

$(document).on("ready", function() {
$('input[advancedtype="searchselect"]').after('<div class="drophelp">TEST</div>');
}

// index.html
$( "#content" ).load( "form.html"); }

// form.html
<input type="text" advancedtype="searchselect">

Собственно DOM поменялся и TEST не добавляется после подгрузки, как этот момент обойти? кто сталкивался?

Answer 1

[justdealman]

$(document).on('ready', function() {
	$('#content').load('form.html', function() {
		$('input[advancedtype="searchselect"]').after('<div class="drophelp">TEST</div>');
	});
});

Comments

[red-web]

Это да, но если я использую не только в подгружаемом form.html, и планирую использовать это в тех местах кода, о которых я не знаю. Это что-то типа подсказки поиска (выбор города, история поиска, выбор страны... тот список который я могу пользователю пледложить), такие input[advancedtype="searchselect"] использую по всему проекту.

[justdealman]

red-web тогда выделяйте аттач подсказки к инпуту в отдельную функцию и вызывайте ее дважды — когда загрузится изначальное дом дерево и когда асинхронно аяксом подгружаются иные элементы, содержащие этот инпут.

[red-web]

justdealman: Да пожалуй разумней всего будет так делать.