jquery関数を無効にするには、.removeClass（）を使用する方法

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 
});