jquery - Jquery .liveが複数回トリガーする

Question

マイページにはデータの一覧が含まれています。編集ボタンを選択してクリックすると、データが入力された ajax を使用して新しいフォームが読み込まれます。フォームにある保存ボタンをクリックすると、複数回トリガーされます。

 $('#datasave').live('click' , function() {
     alert("here");
 });

保存ボタンを複数回クリックするとアラートが表示されます。初回ロード2回。
次に、上記を繰り返すとアラートが 3 回発生
し、上記を繰り返すとアラートが 4 回発生します。

Answer 1

Make sure you are binding "click" event to the button only once.

Check in your code,the fact that alerts number increases every time, means you bind the event over and over again.

My suggestion, if you using "live" method, do it on document ready:

html:

<input type="button" id="datasave" value="Sava Data" />​

jquery:

$(document).ready(
    function(){
       $("#datasave").live(
           "click",
           function(){
              alert("Data Saved!");               
           }
       );            
    }
);​

Answer 2

試すdelegate

 $('body').delegate('#datasave','click' , function() {
     alert("here");
 });