JQuery 이벤트가 여러 번 연결됨

Question

페이지에 Ajax UpdatePanel이 있고 그 안에 일부 컨트롤이 있고 그 외의 일부 컨트롤이 있습니다. 제출 버튼을 클릭하면 UpdatePanel이 업데이트되고 JQuery 이벤트가 다시 나타납니다. - "Sys.WebForms.PageRequestManager.getInstance();"를 사용하여 연결 아래의 코드로서 :

function DocReady() { 
    $('#txtNewPassword').click(function() { 
     alert('clicked'); 
    }); 
} 

$(document).ready(function() { 
    DocReady(); 
}); 

$(document).ready(function() { 
     var prm = Sys.WebForms.PageRequestManager.getInstance(); 
     prm.add_endRequest(function() { 
     DocReady(); 
    }); 
}); 

문제는, 어떤 부분 게시 후 UpdatePanel JQuery와 외부 이벤트 컨트롤 다시 휘는 X 회 여기서 X = 부분 게시 호출 번호.

Answer 1

새 클릭 이벤트를 설정하기 전에 모든 클릭 이벤트를 제거 할 수 있습니다.

function DocReady() { 
    $('#txtNewPassword').unbind('click'); 
    $('#txtNewPassword').click(function() { 
     alert('clicked'); 
    }); 
} 

그것은 코드의 깨끗한 아니지만 그냥 그래서이 방법은 새로운 하나를 추가 한 후 이전 이벤트를 제거 할 텍스트 상자에 때마다 새로운 클릭 이벤트를 추가하는 것처럼 보인다.