jQuery 라이브 바인딩 이벤트 및 바인딩 해제 예제에 대한 자세한 설명

이 글에서는 event의 두 가지 방법과 jQuery 라이브 바인딩 해제 방법을 소개하겠습니다. 이 글이 모든 학생들에게 도움이 되기를 바랍니다.

一$.fn.live 반복 바인딩

해결책:

live() 메서드를 바인딩하기 전에 die() 메서드를 사용하여 이 요소에서 이전에 바인딩된 모든 이벤트를 바인딩 해제한 다음 다음을 통해 새 이벤트를 바인딩합니다. live() 메소드.

//先通过die()方法解除，再通过live()绑定 
$("#selectAll").die().live("click",function(){ 
//事件运行代码 
});

두 번째, 라이브 이벤트 바인딩 해제

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

var accoutEdit=function(){ 
            $(this).text("解除绑定事件"); 
            //解除live绑定 
            $('.setAccoutEdit .option').die('click',accoutEdit); 
        } 
  
//绑定修改事件 
$('.setAccoutEdit').live('click',accoutEdit); 
  
/* 关闭 功能*/
$('.editOption').live('click',function(){ 
  
    $(this).text("添加绑定事件"); 
    //添加accoutEdit绑定 
    $('.setAccoutEdit .option').live('click',accoutEdit); 
  
});

추가로
bind를 사용하여 이벤트를 바인딩하고 unbind를 사용하여 바인딩을 해제합니다.
delegate를 사용하여 이벤트를 바인딩하고 undelegate를 사용하여 바인딩을 해제합니다
on을 사용하여 이벤트를 바인딩하고 off를 사용하여 바인딩을 해제합니다

위 내용은 jQuery 라이브 바인딩 이벤트 및 바인딩 해제 예제에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!