Блог

Я хочу, чтобы нажатие кнопки удаляло класс «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
});
  

Событие не имеет ничего общего с классом CSS. Вам нужно отменить привязку события:

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

$('.hover-on').hover(function() {
    blah blah blah
});