> 웹 프론트엔드 > JS 튜토리얼 > Ajax 부분 업데이트로 인해 JS 이벤트가 반복적으로 발생하는 문제에 대한 해결 방법

Ajax 부분 업데이트로 인해 JS 이벤트가 반복적으로 발생하는 문제에 대한 해결 방법

PHPz
풀어 주다: 2018-09-30 14:57:30
원래의
1191명이 탐색했습니다.

페이지에 ajax 업데이트 목록이 포함되어 있는 경우 비동적 업데이트 부분의 이벤트 처리에 주의해야 합니다.

공개 도구 모음이 있는 목록 인터페이스를 예로 들어 보겠습니다.

Ajax 부분 업데이트로 인해 JS 이벤트가 반복적으로 발생하는 문제에 대한 해결 방법

$.ajax( 
.... 
data: { ... 
}, 
success: function(data) { 
$('Menu1').click( 
function(){ 
//do something 
} 
); 
} 
)
로그인 후 복사

Menu1 인터페이스 부분이 공개이므로, 목록 데이터가 업데이트될 때 다시 로드되지 않으므로 위 코드는 반복되는 클릭 이벤트 트리거를 생성합니다(목록을 여러 번 업데이트한 후).

따라서 툴바 이벤트 리스닝의 재초기화는 ajax 목록 업데이트 결과 처리에 포함될 수 없다는 점에 유의해야 합니다.

요약: 위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 튜토리얼을 보려면 JavaScript 비디오 튜토리얼, AJAX 비디오 튜토리얼을 방문하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿