Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: hover() в jQuery

PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

hover() в jQuery

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Описание: событие с одинаковым ID

Поиск в теме | Версия для печати

webog	Отправлено: 09 Ноября, 2015 - 15:01:36
Частый гость Покинул форум Сообщений всего: 242 Дата рег-ции: Нояб. 2011 Помог: 0 раз(а) [+]	Привет! Прошу помощи. Подскажите пожалуйста, как реализовать событие .hover() для одного и того же ID или класса. Нужно при наведении на два блока выводить другой текст. (блоков может быть много, т.к. выводится с базы) Сделал так: CODE (javascript): скопировать код в буфер обмена $('.error').hover(function() { $('#anim').html('<a style="color:red;" href="/">Добавить</a>'); }, function() { $('#anim').html('Не добавлять'); }); Но при: CODE (html): скопировать код в буфер обмена <div id="anim" class="error">Не добавлять</div> <div id="anim" class="error">Не добавлять</div> Срабатывает в одном блоке. Я думаю из-за одинаковых ID и классов. Спасибо! (Добавление) CODE (javascript): скопировать код в буфер обмена $('div').on({ mouseenter: function () { //stuff to do }, mouseleave: function () { //stuff to do } }); Такая конструкция ведет себя так же. ----- *Hello!*

SAD	Отправлено: 09 Ноября, 2015 - 15:14:04
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	Цитата: <div id="anim" class="error">Не добавлять</div> <div id="anim" class="error">Не добавлять</div> прям капитан очевидность. не должно быть двух одинаковых ID в DOM. используйте классы CODE (html): скопировать код в буфер обмена <div class="error">Не добавлять</div> <div class="error">Не добавлять</div> CODE (javascript): скопировать код в буфер обмена $('.error').hover(function() { $(this).html('<a style="color:red;" href="/">Добавить</a>'); }, function() { $(this).html('Не добавлять'); }); (Отредактировано автором: 09 Ноября, 2015 - 15:16:42)

webog	Отправлено: 09 Ноября, 2015 - 15:17:24
Частый гость Покинул форум Сообщений всего: 242 Дата рег-ции: Нояб. 2011 Помог: 0 раз(а) [+]	SAD пишет: прям капитан очевидность. не должно быть двух одинаковых ID в DOM. используйте классы Дык и классы себя ведут так же. Может как то с родительскими классами? (Добавление) Update: А ну this это тема. Спасибо! А можно как сделать что бы блоки при наведении не меняли свой размер? ----- *Hello!*

SAD	Отправлено: 09 Ноября, 2015 - 15:20:03
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	можно. css вам в помощь

webog	Отправлено: 09 Ноября, 2015 - 15:24:51
Частый гость Покинул форум Сообщений всего: 242 Дата рег-ции: Нояб. 2011 Помог: 0 раз(а) [+]	SAD пишет: можно. css вам в помощь Эм?.. CODE (html): скопировать код в буфер обмена min-width: 100px; Так? ----- *Hello!*

SAD	Отправлено: 09 Ноября, 2015 - 15:26:37
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	Вы разработчик или где? Пробуйте. Ошиблись. Еще пробуйте.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.