我在这里找到了一些关于使用ajax动态加载的内容的事件处理程序和事件委托的线程。
我有一个项目,我们从外部资源加载表单。这必须使用ajax完成,但我们需要检测某些html元素上的click事件。
通常我们将事件委托附加到最接近的静态元素,但由于这是代码的实际空容器,因此我们无法定位其中的元素。
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');
});
});
如何解决此问题?
答案 0 :(得分:0)
将事件监听器附加到body标签:
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');
});
});