여러 번 .live 트리거링

Question

내 페이지에 데이터 목록이 있습니다. 편집 버튼을 선택하고 클릭하면 새로운 양식이 채워진 데이터와 함께 ajax를 사용하여로드됩니다. 양식에있는 저장 버튼을 클릭하면 여러 번 트리거됩니다.

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

저장 버튼을 여러 번 클릭하면서 경고 메시지가 표시됩니다. 처음로드 2 번. 나는 내가 경고 3 번을 얻고있다 위, 다음 나는 내가 얻고 위의 경고 4 회,

Answer 1

는 "클릭"바인딩되어 있는지 확인 delegate

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

Answer 2

을 시도 반복하면 이벤트를 반복 한 후 경우 한 번만 버튼에.

알림 번호가 매번 증가한다는 사실을 코드에서 확인하십시오. 은 이벤트를 반복해서 바인딩한다는 것을 의미합니다.

는 "라이브"방법을 사용하는 경우, 준비 문서에 그것을 할 나의 제안 :

HTML :

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

JQuery와 :

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