>  기사  >  웹 프론트엔드  >  jquery events_jquery의 반복 바인딩에 대한 빠른 솔루션

jquery events_jquery의 반복 바인딩에 대한 빠른 솔루션

WBOY
WBOY원래의
2016-05-16 17:05:25909검색

$.fn.live 중복 바인딩 1개

해결책: live() 메서드를 바인딩하기 전에 이 요소에서 이전에 바인딩된 모든 이벤트를 바인딩 해제한 다음 live() 메서드 바인딩을 전달합니다. 새로운 이벤트.

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

//먼저 다이를 통해 풀어주세요( ) 메서드를 전달한 다음 live() 바인딩
$(“#selectAll”).die().live(“click”,function(){
//이벤트 실행 코드
});

두번째 클릭 및 기타 이벤트

해결책: unbind("click") 메서드를 사용하여 바인딩된 이벤트를 먼저 바인딩 해제한 다음 새 이벤트를 바인딩합니다. 즉, 이벤트를 바인딩하기 전에 객체를 제거합니다.

의 개체 원래 이벤트

전체 테스트 코드:

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

반복 바인딩을 트리거한 후 아래 버튼을 클릭하여 결과를 확인하세요)                                                                          ~ > 1.min.js"<
                                                                            var i = 1, j=1,k=1,h=1,n=1;
        var TriggerBind = function(){
>                Alert("클릭이 바인딩 해제되지 않고 반복 바인딩이 " j "회 실행됨") {
                     Alert("클릭 바인딩이 해제됨 " k "회"); "h" 번 ");
});
$ ("#test4 "). DIE (). {
                                                     { 🎜> 트리거바인드() 🎜>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.