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