Javascriptのイベントリスナーの問題

Question

我々が持っていると仮定すると：カレンダーが更新されると

//Some vars 

function initialSetup(date){ 
    // Call to some functions 
} 

function populateCalendar(date){ 
    // Call to several function. Task : build and populate a calendar with the date 

    awesomeFunction() // Have to set click event listener 

    // If the function call purpose was detected as an update, return value 
} 

function awesomeFunction(){ 
    // For each day in the calendar, if there is a click, set the displayed date as the correct month, then rebuild the calendar 
    $(".notInTheMonth").each(function(){ 
     $(this).click(function(e){ 
      //Some process 
      //Changing date 
      populateCalendar(processedDate) 
      updateCalendar(processedVar)  
      //Some another process 
     }); 
    }); 
} 

function updateCalendar(updated){ 
    // Jquery transition from the old calendar to the new 
    // Will put the content of the updated var to replace the content in the table calendar 
} 

、イベントは置き換えられませんので、カレンダーのクリックイベントの後に、それは1時間を更新しますが、reputません。 awesomeFunctionによって提供されるイベントリスナー

何が問題なのですか？

Answer 1

あなたはイベントの委任を使用することができます：あなたが要素にイベントリスナーを添付すると

$(document).on('click', '.notInTheMonth', function() { 
    // Your event handler here 
}); 

、リスナーがいる限り、この要素がDOMに存在しているとして存在します。したがって、カレンダーを更新すると、これらの要素が削除されるため、イベントリスナーも削除されます。イベントの委任で

、あなたが指定した要素の型

チェックthis（クラスnotInTheMonth持つ任意の要素）から任意のバブリングイベントを聴くための責任があるデリゲート（文書などの静的要素）を設定しています

EDIT

カレンダーとセットイベントリスナーを構築する場合、すべての時間は、カレンダーは、それがプロセスを構築して、イベントリスナーを添付しています完了したことを確認してください。

1）カレンダー

2）カレンダー要素がDOMに存在して、リスナーの違いを何