如何使用.removeClass（）来禁用jquery函数

Question

我希望按钮单击以删除“hover-on”类，以便悬停功能被禁用，但是一旦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
});