Получение добавленных элементов для обнаружения при наведении ссылки

Question

Получение добавленных элементов для обнаружения при наведении ссылки

0

В одном из моих проектов я заменяю курсор по умолчанию в браузере SVG. Я добавляю этот SVG-курсор через jQuery. Это прекрасно работает, но я хочу изменить курсор, когда он наводится на ссылки, и сейчас я ничего не пробовал.

Я думаю, что это связано с тем, что хотя курсор имеет фиксированное положение и высокий индекс z-index, он не может определить, что он витает, потому что технически он ниже содержимого.

У кого-нибудь есть предложения?

EDIT: сразу после того, как я разместил этот вопрос, и после того, как я включил JS Fiddle в комментарии, я изменил свой код, чтобы курсор появился перед контентом. Однако проблема остается.

NetOperator Wibby 01 май 2014, в 22:49

Источник

0

Вы уверены, что SVG находится на вершине в DOM?
A1rPun 01 май 2014, в 20:19
0

Прежде всего, какого черта я получил отрицательный голос? Во-вторых, я сталкиваюсь с одной и той же проблемой, независимо от того, добавлен или добавлен SVG.
NetOperator Wibby 01 май 2014, в 20:21
0

Можете ли вы опубликовать фрагмент вашего HTML и JS?
A1rPun 01 май 2014, в 20:24
0

Конечно @A1rPun: A1rPun: jsfiddle.net/65yWk
NetOperator Wibby 01 май 2014, в 20:29
0

Я использую Chrome, а курсор svg находится сверху текста и ссылки.
A1rPun 01 май 2014, в 20:35
0

Да, но наведение курсора на ссылку не добавляет класс, который я хочу добавить. Это ничего не делает. Я использую последнюю версию Opera, так что технически я тоже на Chrome.
NetOperator Wibby 01 май 2014, в 20:36
2

Событие при наведении, похоже, не запускается. Быстрый поиск в Google не дал никаких очевидных подсказок, почему это так, но вот простая версия, использующая mouseover / mouseout, которая выполняет то, что вы просите: jsfiddle.net/qjA55
mcbex 01 май 2014, в 21:01
0

Сладкая, это хорошо работает @mcbex! Спасибо за вашу помощь. Вы хотите поместить свой ответ в раздел ответов, чтобы получить карму?
NetOperator Wibby 01 май 2014, в 21:06
0

@NetOperatorWibby Я рад, что это работает! Не беспокойтесь о карме, я не могу сказать, почему ваша версия все равно не работает, поэтому просто рад помочь :)
mcbex 01 май 2014, в 21:20
0

Ха-ха, классные бобы! = D
NetOperator Wibby 01 май 2014, в 22:21

Показать ещё 8 комментариев

Теги:

javascript

jquery

css

svg

1 ответ

Ещё вопросы

Вы уверены, что SVG находится на вершине в DOM?
Прежде всего, какого черта я получил отрицательный голос? Во-вторых, я сталкиваюсь с одной и той же проблемой, независимо от того, добавлен или добавлен SVG.
Можете ли вы опубликовать фрагмент вашего HTML и JS?
Я использую Chrome, а курсор svg находится сверху текста и ссылки.
Да, но наведение курсора на ссылку не добавляет класс, который я хочу добавить. Это ничего не делает. Я использую последнюю версию Opera, так что технически я тоже на Chrome.
Событие при наведении, похоже, не запускается. Быстрый поиск в Google не дал никаких очевидных подсказок, почему это так, но вот простая версия, использующая mouseover / mouseout, которая выполняет то, что вы просите: jsfiddle.net/qjA55
Сладкая, это хорошо работает @mcbex! Спасибо за вашу помощь. Вы хотите поместить свой ответ в раздел ответов, чтобы получить карму?
@NetOperatorWibby Я рад, что это работает! Не беспокойтесь о карме, я не могу сказать, почему ваша версия все равно не работает, поэтому просто рад помочь :)

NetOperator Wibby · Accepted Answer · 2014-05-01T21-03-00.000Z

Посмотрите выше в комментариях к @mcbex JS Fiddle! По-видимому, нельзя просто добавить класс в SVG, нужно настроить его с помощью цветов заливки.