Как это работает сценарии JQuery для загрузки содержимого Grom AJAX?

0

Добрый день.

Например, у меня есть код:

$("#button").on("click",function(){alert("hello");})

<button id="button">Test</button>

если этот код найти на странице все работает, но если мы загружаем кнопку, используйте ajax, jquery для #button не работает, и он работает, если я загружаю его только с помощью кнопки ajax...

Но я бы написал все сценарии jquery для страницы в отдельном файле...

Как заставить этот jQuery jquery работать для элемента, который мы добавляем на странице тела, использует jquery?

Теги:

2 ответа

0
Лучший ответ

Случай 1 (прямой):

$("#button").on("click", function() {...});

Дело 2 (делегировано):

$("body").on("click", "#button", function() {...});
0

как указал @hjpotter92, с добавленным добавлением ajax вы можете использовать делегирование. Поэтому присоедините обработчик havent к контейнеру, в который вы загружаете свою кнопку, и укажите класс, например, чтобы поймать правильное событие.

$("#container").on("click", ".my-button", function() { alert("hello"); })

Ещё вопросы

Сообщество Overcoder
Наверх
Меню