jquery 함수를 사용하지 않으려면 .removeClass()를 사용하는 방법

Question

버튼을 클릭하여 호버 기능을 사용할 수 없게하려면 "호버 - 온"클래스를 제거하고 싶지만 일단 DOM을로드하면 클래스는 제거되지만 호버 기능은 제거됩니다. 여전히 작동합니다.

다음 코드를 사용하고 있습니다.

//Click this 
$('button').click(function() { 
    $('#main-div').removeClass('hover-on'); 
}); 

//Remove class to disable this hover function 
$('.hover-on').hover(function() { 
    blah blah blah 
}); 

Answer 1

이벤트에는 CSS 클래스에는 아무 것도 없습니다. 이벤트를 바인딩 해제해야합니다.

$('button').click(function() { 
    $('#main-div').removeClass('hover-on').unbind("hover"); 
}); 

$('.hover-on').hover(function() { 
    blah blah blah 
});