如何使用.removeClass()来禁用jquery函数

我希望按钮单击以删除“hover-on”类,以便hoverfunction被禁用,但是一旦DOM加载它就会删除该类,但hoverfunction仍然有效。

我使用以下代码。

//Click this $('button').click(function() { $('#main-div').removeClass('hover-on'); }); //Remove class to disable this hover function $('.hover-on').hover(function() { blah blah blah }); 

该事件与CSS类没有任何关系。 你需要取消绑定事件:

 $('button').click(function() { $('#main-div').removeClass('hover-on').unbind("hover"); }); $('.hover-on').hover(function() { blah blah blah });