Неадекватная работа обработчика события до/после загрузки контента ajax-ом

[Torawhite]

Здравствуйте!

Нужно реализовать работу скрипта и до и после обновления части страницы ajax-ом. Столкнулся с проблемой правильной привязки обработчика событий к селектору. С таким вариантом:

$(document).ready(function(){$('.cart_del').click(function(){var par_id = $(this).attr('data-cart-item-par-id');alert(par_id);// далее код работы с удалением элемента из корзины});});

код работает только до обновления страницы ajax-ом. После обновления обработчики слетают и код не работает, что понятно. Но со следующим кодом всё должно работать:

$(document).ready(function(){$(document).on('click', '.cart_del',function(event){var target = $(event.target);var par_id = target.attr('data-cart-item-par-id');alert(par_id);// далее код работы с удалением элемента из корзины});});

но нет, работает всё зеркально к предыдущему варианту - до обновления страницы скрипт не работает, а после обновления начинает работать!

Edited January 22, 2016 by Torawhite

[Torawhite]

Здравствуйте!

Нужно реализовать работу скрипта и до и после обновления части страницы ajax-ом. Столкнулся с проблемой правильной привязки обработчика событий к селектору. С таким вариантом:

$(document).ready(function(){$('.cart_del').click(function(){var par_id = $(this).attr('data-cart-item-par-id');alert(par_id);// далее код работы с удалением элемента из корзины});});

код работает только до обновления страницы ajax-ом. После обновления обработчики слетают и код не работает, что понятно. Но со следующим кодом всё должно работать:

$(document).ready(function(){$(document).on('click', '.cart_del',function(event){var target = $(event.target);var par_id = target.attr('data-cart-item-par-id');alert(par_id);// далее код работы с удалением элемента из корзины});});

но нет, работает всё зеркально к предыдущему варианту - до обновления страницы скрипт не работает, а после обновления начинает работать!

Разобрался - конфликт скриптов