Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.09.2016, 17:03
Аспирант
Отправить личное сообщение для mitrich38 Посмотреть профиль Найти все сообщения от mitrich38
 
Регистрация: 11.06.2016
Сообщений: 64

Как правильно добавить класс при наведении
Привет! Подскажите пож-та.
При наведении мышки нужно у прародителя перебрать все элементы и если элемент не имеет потомка то ему добавить класс

$('.MyElem').parent().parent().find('*').each(function(idx, elem) {
  if (!$(elem).children().length) $(elem).mousemove().addClass('Go');
 });
Ответить с цитированием
  #2 (permalink)  
Старый 17.09.2016, 17:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

mitrich38,
то что вы описали
var parent = $('.MyElem').parent().parent();
parent.mousemove(function() {
$(this).find('*').each(function(idx, elem) {
  if (!$(elem).children().length) $(elem).addClass('Go');
 })
})
Ответить с цитированием
  #3 (permalink)  
Старый 17.09.2016, 22:35
Аспирант
Отправить личное сообщение для mitrich38 Посмотреть профиль Найти все сообщения от mitrich38
 
Регистрация: 11.06.2016
Сообщений: 64

Да, не совсем точно описал.
скорее получается так нужно;
1) Присваиваем внутри прародителя элементам не имеющего потомка класс "Go"
2) При наведении на каждый элемент с классом "Go" присваиваем класс "animated"

$(function() 
  {
  $('.MyElem').parent().parent().find('*').each(function(idx, elem) {
  if (!$(elem).children().length) $(elem).addClass('Go');
 });
     
 $('.Go').mousemove(function(event) {
          $(this).addClass('animated');

 });


Вроде так, но не работает(
Ответить с цитированием
  #4 (permalink)  
Старый 17.09.2016, 23:39
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

mitrich38,
сделайте макет, а что при отведении? и почему не .mouseover() или .mouseleave() ?
Ответить с цитированием
  #5 (permalink)  
Старый 17.09.2016, 23:58
Аспирант
Отправить личное сообщение для mitrich38 Посмотреть профиль Найти все сообщения от mitrich38
 
Регистрация: 11.06.2016
Сообщений: 64

Макет сложно сделать. я для muse делаю, а он там очень сложно все генерит, ручками долго прописывать.

Вот первая часть работает, "Go" добавляется
а вторая часть не очень работает.

Могу я html документ показать?
Ответить с цитированием
  #6 (permalink)  
Старый 18.09.2016, 00:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

mitrich38,
ничего не понял
Ответить с цитированием
  #7 (permalink)  
Старый 19.09.2016, 14:20
Профессор
Отправить личное сообщение для warren buffet Посмотреть профиль Найти все сообщения от warren buffet
 
Регистрация: 08.07.2016
Сообщений: 1,332

Сообщение от mitrich38
прародителя
Предка. Русским языком расскажи что хочешь, то есть сам себе ТЗ напиши.
Ответить с цитированием
  #8 (permalink)  
Старый 19.09.2016, 23:13
Аспирант
Отправить личное сообщение для mitrich38 Посмотреть профиль Найти все сообщения от mitrich38
 
Регистрация: 11.06.2016
Сообщений: 64

Такая идея
Есть элемент MyElem
Всем элементам без потомка внутри его группы All дабавляем класс Go
При наведении на класс Go Добавляем класс animated

https://jsfiddle.net/cybLhbzj/2/
Ответить с цитированием
  #9 (permalink)  
Старый 19.09.2016, 23:31
Аспирант
Отправить личное сообщение для mitrich38 Посмотреть профиль Найти все сообщения от mitrich38
 
Регистрация: 11.06.2016
Сообщений: 64

Ну вроде сам разобрался. Спасибо что уделили время!
Ответить с цитированием
  #10 (permalink)  
Старый 19.09.2016, 23:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

mitrich38,
css
.Go:hover {сюда правила из animated}

и никаких
$('.Go').hover(function(event) {
$(this).addClass('animated');

});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как при наведении выделить многоугольник (Область) другим цветом? Baton1777 Общие вопросы Javascript 2 22.07.2016 15:24
Ext.data.Store: Как правильно отключить сортировку при группировке? khusamov ExtJS 0 20.05.2016 17:23
Как добавить класс к тегу. alexandrm Общие вопросы Javascript 2 24.02.2016 01:40
как увеличить номера телефонов при наведении курсора? НИКИ Общие вопросы Javascript 7 30.03.2014 10:06
Как правильно добавить в javascript несколько стилей css? trixter5 Javascript под браузер 3 04.04.2013 23:20