【jQuery】イベントが重複登録されるのを防ぐ簡単な方法

まずイベントハンドラの登録は

$(セレクタ).on('click',function() {
  // 処理
}

$(セレクタ).on('click',function() {

// 処理

}

という感じですが、
JavaScriptによってコンテンツを動的に増やせるようなページを作成しているときに
イベントハンドラの登録がどんどん重複されていくという問題がありました。

解決方法はいくつかありますが、そのとき一番簡単だった解決方法は

onの前にoffを呼ぶ

でした。

$(セレクタ).off('click');
$(セレクタ).on('click',function() {
  // 処理
}

$(セレクタ).off('click');

$(セレクタ).on('click',function() {

// 処理

}

これだけですが、期限に追われ余裕がないときは
なかなか気が付かないものですね。