Ajax가 데이터를 업데이트한 후 jquery 및 jq failure_jquery

클릭 이벤트를 요소에 바인딩했지만 일부 ajax 요청을 실행할 때 클릭 이벤트가 유효하지 않게 되는 문제가 발생했습니다.

예를 들어 내 페이징은 ajax 요청이지만 클릭하면 생성됩니다. 다음 페이지에는 요소 a에 대한 클릭 이벤트가 없습니다

사실 이유는 매우 간단합니다

ajax 콘텐츠 로딩은 $(document).ready() 이후의 작업입니다. 시간이 지나면 함수를 바인딩할 때 발견된 요소 세트에 ajax에서 로드한 내용이 포함되지 않으므로 원본에는 문제가 없으며 나중에 로드된 것들은 바인딩되지 않습니다.

해결책은 두 가지가 있습니다. 🎜>
1. Ajax 요청 성공 후 Rebind
2. 라이브 방식 사용

코드 복사 코드는 다음과 같습니다.

두 가지 방법은 다양한 경우에 적합합니다.

이벤트를 처리하는 경우 라이브를 사용할 수 있습니다
그렇다면 다른 처리 방법 중 일부는 라이브를 지원하지 않으며 리바운드만 가능합니다.