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

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

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

$.ajax( 
.... 
data: { ... 
}, 
success: function(data) { 
$('Menu1').click( 
function(){ 
//do something 
} 
); 
} 
)

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

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

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