У меня есть SVG штатов США, и мне нужны якорные ссылки для прокрутки информации о штатах на странице ниже.Якоря отлично работают на десктопе и андроиде, но не на IOS.При щелчке состояние меняется на цвет при наведении и не связывается, а цвет при наведении остается.
Я нашел несколько предложений по использованию xlink: href, но это не рекомендуется.Я попробовал это, чтобы видеть, работало ли это, и это не делало.Я также попробовал некоторые предложения по предоставлению кода jquery, но он не работал, а также не позволил ссылкам работать на рабочем столе.
SVG настроен с hrefs, обертывающими каждый путь следующим образом:
<svg viewbox="0 0 959 593"> <a href="#ak"> <path id="AK" ...">
<title>Alaska</title></path></a>
(я удалил длинную строку кода для пути)
Вот ссылка на страницу с картой.Якорные ссылки работают на десктопе и на андроиде, а не на IOS:
https://www.automatictrap.com/pages/trappable-species
Я никогда не публиковал здесь ранее, поэтому я прошу прощения, если этого недостаточно информации.