Проблема выбора элементов Рафаэля

Question

Надеюсь, это простой вопрос для любого эксперта Raphael!

Я создал карту маршрутов, где пользователи могут щелкнуть по каждой стране, чтобы увидеть подробности.Он работает хорошо, за исключением того, что наведение мыши на красную линию вызывает событие mouseout.Мне нужно, чтобы красная линия была просто изображением на карте, а не интерактивным элементом.Как мне этого добиться?

Посмотреть карту в действии: http://www.martyn -roberts.co.uk / cycleafrica / route

Спасибо!

Answer 1

Этот ответ был бы таким элегантным год и четверть назад ... есть очень простой способ выполнить это, хотя и не напрямую через Рафаэля, используя свойство SVG pointer-events .Все, что вам нужно сделать, это стилизовать узел, связанный с вашим путем маршрута, с указателями-событиями: нет.В javascript и с использованием jquery это будет

$(routePath.node).css( 'pointer-events', 'none' );

Или просто с использованием javascript напрямую:

routePath.node.style.pointerEvents = 'none';

Это заставит все события мыши «сбрасываться» на элементы позади маршрута.

Вот скрипка, демонстрирующая использование событий указателя с кругами и путями .

Answer 2

Вы можете сделать невидимый слой над красной линией, что вызовет анимацию на карте.