Как правильно находить класс и удалять его при отведении мыши

146
19 января 2020, 02:10

При нажатии на кнопку вылезает sidebar, при помощи добавления одному div внутри body переключает класс на context-sidebar-active. Я хочу при отводе мыши от sidebar изменять класс на context-sidebar. Сделал так, но не работает

if($('div').hasClass("context-sidebar-active")){
  $(".group-side-context").mouseleave(function(){
    $(this).removeClass("context-sidebar-active").addClass("context-sidebar");
  })
};

Класс group-side-context содержит весь размер sidebar, по этому при отводе от него мыши, я хочу закрывать sidebar. Где я ошибся ?

Answer 1
if($(".group-side-context").mouseover){
$(".group-side-context").mouseleave(function(){
    $(".group-side-context").parent().removeClass("context-sidebar-active").addClass("context-sidebar-close").removeClass("context-sidebar-close").addClass("context-sidebar");
  })
};

Всё заработало

READ ALSO
Проблема с @keyup

Проблема с @keyup

У меня есть компонент - https://pastebincom/CFDfbfab

111
Jquery не работает SlideToggle

Jquery не работает SlideToggle

Есть такой код

102
React JSON правильно вернуть Render

React JSON правильно вернуть Render

Суть такая: По ссылке тягаю через JSON API с инстаграмма картинки

118