Одна ссылка в двух местах на одной страницу - есть ответ

4ygo, 74 просмотра

http://media-svit.com.ua/
Область с картой Украины
Два меню: одно текстовое, второе медиа-точки
Как привязать что бы при наведение на одно из типов меню - срабатывало и второе
(Навел на Одессу в правом блоке - одновременно сработало и на карте точка)

Примечание:
Нашел ) http://ruseller.com/lessons/les885/demo/demo.htm

Примечание:
http://ruseller.com/lessons.php?rub_id=2&id=885

Ответы:

holden321

Подключаем jquery и этот код:
$(document).on("mouseenter mouseleave","#map #dots li,#map ul:not(#dots) li",function(e){
var city=$("a",this).text().trim();
var hover=e.type=="mouseenter";
var lia=$(this).is("#map ul:not(#dots) li")? $("#map #dots a:contains("+city+")").parent():$("#map ul:not(#dots) a:contains("+city+")");
lia[(hover?"add":"remove")+"Class"]("hover");
});
добавляем класс hover:
#map a:hover, #map a.hover
a:hover, a.hover
#dots li:hover, #dots li.hover

11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.