Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 16.05.2020, 14:22   #1
Мaкс
Форумчанин
 
Регистрация: 12.06.2018
Сообщений: 831
По умолчанию JQuery. Считать элементы с нужного класса и присвоить анимацию для mouseover.

Прошу помочь с простым примером. Мало знаю JS ещё, поэтому такая проблема лёгкая для средненьких.
Код:
for(var ind = 0, items = $('#menu #links a'); ind < items.length; ind++) {
	items[ind].mouseover(function(items) {
		items[0].animate({ color: red }, 250);
	});
}
Что выдаёт скину в скрине, сам переводил в гугл tra. - неразбириха.
Снимок.jpg
Мaкс вне форума Ответить с цитированием
Старый 16.05.2020, 16:11   #2
Мaкс
Форумчанин
 
Регистрация: 12.06.2018
Сообщений: 831
По умолчанию

Один человек дал ответ на stackoverflow:
---
Если пытаться сохранить логику вашего кода:

// Выбираем элементы: нет смысла использовать более одного уникального ID в селекторе
let $items = $('#links a');

// Верхний порог цикла равен количеству элементов, а не самой их коллекции
Код:
for (let ind = 0, items = $items.length; ind < items; ind++) {
  // Событие назначается элементу согласно индексу цикла, 
  // в вашем же коде - всегда первому элементу в коллекции
  $items.eq(ind).mouseover(function() {
    // Анимация цвета в jQuery из коробки не работает
    // требуется плагин jQuery UI или альтернатива
    $(this).animate({
      color: 'red' // Название цвета в кавычках - все таки это строка
    }, 250);
  });
}
Более верная альтернатива вашему коду

Код:
$('#links a').on('mouseover', function() {
  $(this).animate({ color: 'red' }, 250);
});
---
Только ещё бы включить строгий режим.

Последний раз редактировалось Мaкс; 16.05.2020 в 16:12. Причина: Забыл [CODE]
Мaкс вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[JavaScript] Разница onmouseover и mouseover хатабыч JavaScript, Ajax 3 11.10.2019 09:04
Присвоить значения полям класса из Dictionary aliqulu C# (си шарп) 3 14.03.2014 15:10
отобразить на экране элементы и создать анимацию Санко Паскаль, Turbo Pascal, PascalABC.NET 0 02.03.2014 15:08
Как присвоить адрес указателю на функцию внутри класса? zern0 Общие вопросы C/C++ 30 25.09.2013 21:38
Считать том NTFS с нужного сектора imholynx Общие вопросы C/C++ 1 26.09.2011 11:59