ASP.NET UpdatePanel 부분 페이지 업데이트 후에도 jQuery 이벤트가 계속 작동하도록 하려면 어떻게 해야 합니까?

UpdatePanel 및 jQuery $(document).ready의 이벤트 바인딩 문제 해결

ASP.NET 애플리케이션 내에서 UpdatePanel을 사용할 때 다음 사항이 중요합니다. jQuery의 $(document).ready 함수를 사용하는 이벤트 바인딩이 어떻게 작동하는지 고려하세요. UpdatePanel이 페이지를 부분적으로 업데이트하면 $(document).ready를 사용하여 바인딩된 이벤트가 작동하지 않을 수 있습니다.

이 문제를 해결하기 위해 권장되는 접근 방식은 $(document).ready에만 의존하지 않는 것입니다. 대신 UpdatePanel이 있을 때 사용할 수 있는 Microsoft의 PageRequestManager 개체를 활용하세요. PageRequestManager의 add_endRequest 메소드를 사용하면 UpdatePanel이 업데이트될 때마다 이벤트를 다시 구독할 수 있습니다.

예

$(document).ready(function() {
    // Bind initial jQuery events
});

var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_endRequest(function() {
    // Re-bind jQuery events
});

또한 jQuery의 .on() 메소드는 다음을 제공합니다. 이벤트 위임을 위한 보다 효율적인 옵션입니다. 그러나 모든 상황에 적합하지 않을 수 있으므로 이 접근 방식을 사용하기 전에 문서를 철저하게 검토하십시오. 특정 jQuery 플러그인에는 앞서 언급한 재구독 방법이 필요할 수 있습니다.

이러한 접근 방식을 수용하면 UpdatePanels 및 jQuery를 사용하여 이벤트 바인딩을 효과적으로 관리할 수 있으므로 부분 페이지 업데이트 시에도 대화형 요소가 계속 응답하도록 보장할 수 있습니다.

위 내용은 ASP.NET UpdatePanel 부분 페이지 업데이트 후에도 jQuery 이벤트가 계속 작동하도록 하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!