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