jQuery "bind"back to bind "no"

Question

"mouseenter"및 "mouseleave"이벤트를 바인딩 해제하려는 요소를 클릭하면 제대로 작동하지만 다른 요소를 클릭하면 다시 바인드하고 싶습니다. -이 작동하지 않습니다.

어떤 도움이 필요합니까?

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#shape1 img").click(function(){ 
      $("#shape1 img,#shape2 img, #shape3 img, #shape4 img, #shape5 img").unbind('mouseenter mouseleave'); 
    }); 

    $("#close").click(function(){ 
     $("#shape1 img,#shape2 img, #shape3 img, #shape4 img, #shape5 img").bind('mouseenter mouseleave'); 
    }); 
}); 
</script> 

많은 감사 :

여기에 코드입니다!

Answer 1

.bind() 함수는 이벤트가 트리거 될 때 실행할 함수를 전달해야합니다.

$("#shape1 img,#shape2 img, #shape3 img, #shape4 img, #shape5 img").bind('mouseenter mouseleave', function(event) { 
    // do something here when the mouseenter or mouseleave events are triggered 
}); 

이벤트 핸들러가 완전히 제거되고, jQuery를 그것이 무엇인지 기억하지 않습니다 .unbind() 전화

. .bind()을 호출하여이를 취소하고 해당 이벤트에 대한 응답으로 어떤 코드가 실행되어야하는지 알 수 없습니다.

또한 jQuery (1.7 이상)의 버전에 따라 이벤트 처리기 추가 및 제거에 .on() 및 .off() 함수를 사용해야합니다.

Answer 2

이벤트가 발생할 때 실행할 콜백을 지정해야하기 때문에.

시도 :

<script type="text/javascript"> 
    $(document).ready(function(){ 
     var myFunctionMouseEnter = function(){ 
      alert('Hey'); 
     }; 
     var myFunctionMouseleave = function(){ 
      alert('Hey'); 
     }; 

     $("#shape1 img").click(function(){ 
      $("#shape1 img,#shape2 img, #shape3 img, #shape4 img, #shape5 img").off('mouseenter mouseleave'); 
     }); 

     $("#close").click(function(){ 
      $("#shape1 img,#shape2 img, #shape3 img, #shape4 img, #shape5 img").on('mouseenter',myFunctionMouseEnter) 
                       .on('mouseleave',myFunctionMouseleave); 
     }); 
}); 
</script> 

Answer 3

바인드는 현재 기존 항목에 대한 이벤트 처리기를 바인딩합니다. 문서로부터

는 Bind()

처리기는 jQuery를 개체에서 현재 선택된 요소에 연결되므로 그 소자 .bind()에 지점에서 호출 있어야는

발생 On 메소드를 사용하십시오.

$("#shape1 img").click(function(){ 
      $("#shape1 img,#shape2 img, #shape3 img, #shape4 img, #shape5 img").off('mouseenter'); 
     }); 

     $("#close").click(function(){ 
      $("#shape1 img,#shape2 img, #shape3 img, #shape4 img, #shape5 img").on('mouseenter',myFunction1); 
      $("#shape1 img,#shape2 img, #shape3 img, #shape4 img, #shape5 img").on('mouseleave',myFunction2); 
     });