페이지가 메모리 사용량을 80MB로 폭발시킨 다음 죽습니다.

Question

asp.net과 chrome을 사용하고 있고 잠시 후 페이지가 응답하지 않습니다. 크롬 디버그를 살펴보면 메모리 사용량이 약 80MB까지 증가하고 크롬 팝업이 페이지를 죽이라는 요청을받는 것을 알 수 있습니다. 팝업이 오면 오류 카운터가 회전하여 약 30,000 개의 오류가 발생합니다. 이 오류를 유발하는 것은 updatepanel 호출입니다. 크롬에 표시된 오류는 "리소스를로드하지 못했습니다."입니다.

업데이트 패널 : 사용자가 버튼을 클릭하고 패널이 새로 고쳐집니다. 페이지에는 업데이트 패널이 하나뿐입니다.

function HistoryUIActions() { 
    $('.SelectDay, .SelectDay1Digit').click(function() { GetNewDate(this); }); 
}; 


function GetNewDate(thedateitem) { 

    var TheDay = $.trim($(thedateitem).html()); 
    TheYear = 2011; 
    ThisMonth = 2; 

    DateString = ThisMonth + '/' + TheDay + '/' + TheYear; 

    __doPostBack('<%= TheUpdatePanel.ClientID %>', DateString); 
}; 


function EndRequestHandler(sender, args) { 
    HistoryUIActions(); 
}; 

모든 포스트 백에 오류 화합물 : 1,4, 11, 26, 57, 120, 247 .... 결국 크롬 페이지를 죽이고

이 내가 가진 것입니다. 함수에 중단 점을 넣으면 버튼을 누른 직후 코드가 중지됩니다. 그런 다음 __doPostBack 행에 도달하면 click 이벤트의 행으로 돌아가서 위에 표시된 횟수만큼 명백하게 실행하여 GetNewDate 함수를 다시 여러 번 시작합니다.

제안 사항?

Answer 1

Duh. :)이 12 번을보고 난 후에, 나는 대답을 가지고 있다고 생각한다.

클릭 컨트롤이 업데이트 패널 외부에 있습니다. 그러나 새로 고칠 때마다 click 이벤트를 jQuery와 바인딩하는 "HistoryUIActions"를 호출합니다. 이렇게하면 클릭 할 때마다 컨트롤에 바인딩 된 클릭 이벤트 수가 두 배로 증가합니다.

클릭 핸들러는 누적됩니다. 컨트롤의 실제 DOM 요소가 다시 렌더링되지 않으면 다시 바인딩 할 필요가 없습니다. 클릭 할 때마다 중복 핸들러가 추가됩니다.

여러 번 새로 고침 문제를 해결해야하며 클릭 한 후에 제대로로드되지 않은 항목을 파악할 수 있습니다.