В ссылке множество элементов, при нажатии на некоторые из них не нужно переходить по самой ссылке, как это реализовать для смартфонов ??

Question

[Сергей Оганезов]

Данная проблема актуальна только на мобильных устройствах.
Есть блоки, они реализованы как ссылки, т.е. все их содержимое в теге a, в нем есть элементы с абсолютным позиционированием, проблема в том что при нажатии на эти элементы будет происходить действия, например, добавление в избранное, но на данный момент при нажатии на этот элемент, будь он кнопкой или другим тегом, происходит переход по этой ссылке, что не правильно.
Повторюсь, это проблема присутствует на смартфонах и планшетах
Подскажите как это можно изменить или обойти

https://jsfiddle.net/oganez09/s68171u5/5/ как пример

заработало само по себе, причину так и не понял

Comments

[Сергей Семенко]

Но ссылка - это ссылка... Зачем в неё помещать множество элементов?

[Сергей Оганезов]

Сергей Семенко: у меня получается список блоков, которые являются различными ссылками, это как список товаров, и на телефоне удобно когда ты нажимаешь просто на блок, не на фото или название, а на блок, поэтому

Answer 1

[Андрей Верх]

Если вы позиционирование используете, то зачем помещать ссылку в ссылке? Разместите их рядом, а позиционированием уже друг на друге разместите.

Comments

[Сергей Оганезов]

этот вариант тоже делал, но он не сработал, почему я не понял

[Андрей Верх]

Сергей Оганезов: Вы бы свой код выложили тогда...Возможно нужно ссылке block задать или z-index

[Сергей Оганезов]

Андрей Верх: https://jsfiddle.net/s68171u5/1/

[Андрей Верх]

Сергей Оганезов: У меня нормально работает на Android/WPhone

[Сергей Оганезов]

https://jsfiddle.net/oganez09/s68171u5/5/

[Сергей Оганезов]

у меня нигде не работает

[Андрей Верх]

Сергей Оганезов: https://jsfiddle.net/s68171u5/10/

[Сергей Оганезов]

причину не выяснил, оно заработало и так

Answer 2

[Сергей Горячев]

z-index и position

Comments

[Сергей Оганезов]

пробовал, не вышло