イベントリスナーAJAX駆動HTMLに対して複数回作品

Question

utilities.js：

// on is used because html is dynamic 
$(document).on('click', '#next_campaign', function() { 
    console.log('hello'); 
}); 

レイアウト：

<script src="utilities.js"></script> 

ビュー：

あるビューがありますを含むレイアウトにajax()を使用してロードしましたボタンを押します。

ビューがn回ロードされると、そのリスナーはn回も動作します。手段ビューが2回ロードされている場合、出力はこんにちは2回になりますので、その後#next_campaign上のクリックは次のようにイベントを2回トリガウィル：

ハロー

ハロー

私が間違っているところで、ある人が私を助けてくれますか？

$(document).off('click', '#next_campaign').on('click', '#next_campaign', function() { 
    console.log('hello'); 
}); 

・ホープ、このことができます：ので、すべてにクリックイベントが前on()を使用して、それを添付します（1があるかどう）クリックイベントをdettachするjQueryのメソッドoff()を使用することができ、添付される負荷

Answer 1

。