Добрый день.
Например, у меня есть код:
$("#button").on("click",function(){alert("hello");})
<button id="button">Test</button>
если этот код найти на странице все работает, но если мы загружаем кнопку, используйте ajax, jquery для #button
не работает, и он работает, если я загружаю его только с помощью кнопки ajax...
Но я бы написал все сценарии jquery для страницы в отдельном файле...
Как заставить этот jQuery jquery работать для элемента, который мы добавляем на странице тела, использует jquery?
Случай 1 (прямой):
$("#button").on("click", function() {...});
Дело 2 (делегировано):
$("body").on("click", "#button", function() {...});
как указал @hjpotter92, с добавленным добавлением ajax вы можете использовать делегирование. Поэтому присоедините обработчик havent к контейнеру, в который вы загружаете свою кнопку, и укажите класс, например, чтобы поймать правильное событие.
$("#container").on("click", ".my-button", function() { alert("hello"); })