jquery AJAX и обработчики событий

Question

Я нашел здесь несколько тем, касающихся обработчиков событий и делегирования событий в отношении содержимого, загружаемого динамически с помощью ajax.

У меня есть проект, где мы загружаем форму из внешнего ресурса. это нужно сделать с помощью ajax, но нам нужно обнаружить событие click на некоторых элементах html.

Обычно мы присоединяем делегирование событий к ближайшему статическому элементу, но поскольку это фактический пустой контейнер для кода, мы не можем настроить таргетинг на элементы внутри него.

jQuery(function(){ 
      console.log(jQuery('#feedbackCollect-form-container')); 
      jQuery('.form-item.form-item-field-fc-found-data-und.form-type-radio.radio').on('click', '#feedbackCollect-form-container',function(){ 
      jQuery('.form-item.form-item-field-fc-found-data-und.form-type-radio.radio').removeClass('feedback-active'); 
      jQuery(this).addClass('feedback-active'); 
      }); 
    }); 

Как решить эту проблему?

Answer 1

Приложить слушателя событий для тела тега:

jQuery(function(){ 
      jQuery('body').on('click', '#feedbackCollect-form-container',function(){ 
      jQuery('.form-item.form-item-field-fc-found-data-und.form-type-radio.radio').removeClass('feedback-active'); 
      jQuery(this).addClass('feedback-active'); 
      }); 
    });