ASP.NET UpdatePanel 업데이트 후 jQuery 이벤트 바인딩을 어떻게 유지합니까?

UpdatePanel 업데이트에 jQuery 이벤트 바인딩 적용

UpdatePanels 내에 jQuery 이벤트 처리를 통합하면 부분 페이지 업데이트 중 요소 교체로 인해 문제가 발생합니다. .

초기 바인딩에 $(document).ready를 사용하면 다음과 같습니다. 불충분하다. 문제에 명시된 대로 업데이트 후 "UpdatePanel 내에서 실행되지 않고 마우스 오버 효과가 더 이상 작동하지 않습니다."

권장 접근 방식: PageRequestManager 활용

이 문제를 해결하려면 UpdatePanel을 업데이트할 때마다 이벤트를 다시 구독하는 것이 좋습니다. PageRequestManager를 통해 액세스되는 ASP.NET ajax 수명 주기가 솔루션을 제공합니다.

다음 코드는 이 접근 방식을 보여줍니다.

$(document).ready(function() {
    // bind jQuery events initially
});

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

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

UpdatePanel이 있는 경우 액세스할 수 있는 PageRequestManager는 endRequest를 제공합니다. 업데이트가 완료되면 트리거되는 이벤트입니다. 이 이벤트를 사용하면 jQuery 이벤트를 다시 바인딩할 수 있습니다.

대체 옵션: jQuery .on()

상황에 따라 jQuery의 .on() 메서드가 제공될 수 있습니다. 더 효율적인 대안. .on()을 사용하면 요소의 컨테이너에 바인딩할 수 있으므로 업데이트할 때마다 다시 바인딩할 필요가 없습니다. 그러나 이 접근 방식의 한계를 고려하고 특정 요구 사항에 적합한지 확인하는 것이 중요합니다.

위 내용은 ASP.NET UpdatePanel 업데이트 후 jQuery 이벤트 바인딩을 어떻게 유지합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!