如何使用 .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
});