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

Question

[Мария Попова]

в корзине есть кнопка которая по нажатию вызывает форму, скрипт для этого в отдельном файле, после удаления товара из корзины или добавления количества кнопка подгружается снова с помощью AJAX, после кнопка не срабатывает. В примере код вызова функции

document.addEventListener("DOMContentLoaded", function(event) { //тело функции
});

Может чего то не хватает? я с js не часто сталкивалась

Answer 1

[Stalker_RED]

Да, похоже чего-то не хватает. Чтобы понять что там у вас происходит не хватает кода. А у вас не хватает понимания, как работают события и их обработчики.

А зачем вообще удалять и подгружать эту кнопку? Нельзя ей просто менять display?

Comments

[Мария Попова]

да, спасибо за идею, не надо ее подгружать

Answer 2

[Abdula Magomedov]

После загрузки новых кнопок, на еще них не висит обработчик. Надо заново вызвать функцию, которая повесит на них обработчик.

document.addEventListener("DOMContentLoaded", function(event) { //тело функции
});

Comments

[Stalker_RED]

DOMContentLoaded будет вызван только один раз же. Если обработчик привязать к какому-то родительскому элементу, который не исчезает и не появляется, то можно ничего повтороно не навешивать (делегирование событий).