Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
0 / 0 / 0
Регистрация: 24.07.2013
Сообщений: 29
1

Убрать class при уходе курсора с DIV

01.06.2018, 12:35. Показов 738. Ответов 1
Метки нет (Все метки)

Есть 2 div в разных местах разметки. Мне необходимо чтобы при наведении курсора на div.mi.submenu контейнер #subcatalog получал class .hovered. С этим проблем нет. Дальше мне необходимо убрать class .hovered если курсор мыши выведен за пределы контейнера #subcatalog.
Попробовал реализовать через JS (код ниже). Но у меня class .hovered убирается тогда когда мышка уходит на вложенный в div.hovered - хотя по логике я же не покинул контейнер .hover?
Подскажите как реализовать правильно.
Javascript
1
2
3
4
5
6
7
8
<script>
  $(".mi.submenu").hover(function () {
    $('#subcatalog').addClass("hovered");
    $('.hovered').mouseout(function(){
      $('#subcatalog').removeClass("hovered");
    });
  });
</script>
HTML5
1
2
3
4
5
6
7
8
9
<div class="mi submenu">Каталог</div>
<!-- ТУТ ЕЩЕ ВСЯКИЙ КОД...-->
<div id="subcatalog" class="menudop">
  <div class="container">
    <div class="row">
        <div class="wrap">Текст</div>
    </div>
  </div>
</div>
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
01.06.2018, 12:35
Ответы с готовыми решениями:

Как убрать скрол при обновлении div
И так есть проблемма допустим есть у меня div в нем таблица Предположим в ней 10 строк...

Событие при наведении/уходе со ссылки
Кто подскажет код что-бы при наведение на ссылку изображение менялась, а при убирании указателя,...

Исчезание блока header или div с class,id (header) при скроллинге и фиксация блока навигации
Есть несколько реализаций данного кода. Только вот не всё работает так как нужно. Стоит такая...

Нужно составить регулярное выражение для поиска <div class="market_row_name"> и <div class="market_row_price">
Заранее спасибо!

1
55 / 55 / 21
Регистрация: 01.03.2016
Сообщений: 594
02.06.2018, 00:31 2
georg1987, Все правильно, она покинула его и попала в другой. Я над таким не задумывался, но можно получить координаты контейнера и размеры. И отлавливать координаты указателя. Но такая реализация моет принести трудности на не простых страницах так сказать))
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
02.06.2018, 00:31

WrapPanel. Убрать выделение при наведении курсора
Добрый вечер, форумчане. Заранее хочу извиниться за столь глупый вопрос, но какое свойство...

Как убрать выделение кнопки при наведении курсора?
На форме есть обычная кнопка и при наведении на нее курсора кнопка не должна никак выделяться...

как из кода убрать выделение кнопки при наведении на нее курсора?
В коде создается кнопка button, соответственно xaml не знает о ней, нужно из кода, при...

сделать кнопку , которая изменяется при наведении и принимает прежний вид при уходе с кнопки
Ребята, теперь я буду вас расспрашивать о вебе постоянно. Прошу ответить - надо сделать кнопку ,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.