Как добавлять атрибут href для iOS?

Question

[iDrugov]

Пишу на jquery такой код:
$('a[name=myName]').attr('href', '//myLink);
который работает везде, кроме айфонов. Поискал эту тему в интернете, проблема такая не только у меня (1, 2, 3). Самое интересное, что где-нибудь на jfiddle мой код работает и на айфон, но именно у меня (в iframe-приложении) и только айфоны сделали козью морду.

Из полезных советов в интернете, рекомендация прописать data вместо attr или объявить ссылку в переменной и подставить её в код не принесли успеха.

Comments

[zenwarr]

Может, это из-за того, что вы скобку в селекторе забыли? a[name=myName]

[iDrugov]

zenwarr: этот фрагмент кода я сюда написал для примера, исправил, чтобы никого не нервировало ) Касательно своего кода, там со скобками и кавычками всё в порядке, как и сказано выше по трём ссылкам - проблема не только у меня, но решения я там не нашёл.

Answer 1

[Максим Тимофеев]

Дело в том, что в html5 у <a></a> не может быть атрибута name. А следовательно iphone и другие устройства могут не находить по нему. Это даже правильное поведение.
Вот:
https://www.w3schools.com/TAGs/tag_a.asp
Советуют использовать для ссылок id вместо name

Comments

[iDrugov]

name я использую от того, что у меня занят id (для идентификации элементов в списке) и естественно, class, для css-стилей. В данном случае, я могу позволить себе изменить name на id, как и поступил. И это, само собой, не сработало.

Хорошая была теория, но надо ещё лучше :)

[iDrugov]

Максим Тимофеев но есть и "рациональное зерно" - я попробовал применить к a[id=myName] css-стиль и он тоже не отразился. Получается, что выборка вообще не срабатывает. Буду копать

[iDrugov]

Помогла выборка по id - $('#myName'), почему не работает $('a[id=myName]') - для меня загадка.

[Максим Тимофеев]

iDrugov: никакой загадки. Селектор по id выглядит $('#myName'), а такого $('a[id=myName]') селектора нет

[iDrugov]

Максим Тимофеев: выборка (tagName[selector=value]) не является ошибкой и такую выборку можно встретить очень во многих примерах. Не скажу конкретно за тег a, но div'ы так выбираются часто.

Данная выборка прекрасно работала на ПК, WinPhone, Android через браузеры и клиенты (ВКонтакте). Данная выборка работала даже на iphone на jsfiddle.

Так что я думаю, что тут косяк либо со стороны ВК, либо со стороны iframe, либо со стороны Apple, потому что только с их устройствами у меня постоянно проблемы.

Ещё раз спасибо за участие )

[Максим Тимофеев]

iDrugov: если речь о VK то тут скорее всего дело в XML, так как в отличии от Html id в нем несколько отличается. https://www.w3.org/TR/CSS2/selector.html#selector-...