0

На фронте использую JQuery. После ajax запроса приходится инициализировать заново обработчики событий. Подскажите как грамотно обходить или решать данную проблему? Наприме есть такой код:

$('.btn-change-status').on('click',function(){  
    $.post(url,function(data){
         $('.btn-change-status').on('click',function(){

         }
    }

2 ответа 2

1

Надо вешать обработчик не на элемент а на document

$(document).on('click', '.btn-change-status', function(){ ........ });

http://jquery.page2page.ru/index.php5/On документация по методу on

3
  • А есть подробное описание почему надо на документ? И если много событий? Как правильно?
    – doox911
    20 дек 2018 в 18:34
  • в двух словах, когда вы вешаете событие на document то оно применяется для динамично созданных элементов. вам надо почитать о делегировании событий, почитать внимательно learn.javascript.ru/event-delegation
    – Arendach
    20 дек 2018 в 18:42
  • не обязательно вешать на document, можно например повесить на body или же просто на родителя того элемента с которым вы работаете
    – Arendach
    20 дек 2018 в 18:43
1
$(document).on('click','.btn-change-status', function(){
     $.post(url,function(data){
         // ваше действие
    }
})

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.