如何使用.removeClass（）來禁用jquery功能

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 
});