jquery AJAXとイベントハンドラ

Question

ここでは、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'); 
      }); 
    }); 

この問題を解決するにはどうすればよいですか？

Answer 1

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'); 
      }); 
    });