Как поменять цвет ссылки при нажатии на нее?

Question

[Ринат Ильясов]

Имеются ссылки, это компонент и надо реализовать по нажатию на ссылку изменение цвета.
То есть пользователь кликает на страницу выписки, он загорается (#F34A11), но после загрузки страницы цвет не применяется.

А вот активная ссылка


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

Comments

[Вадим]

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

Значит, скорее всего, Вы уже сделали 99% работы.
Осталось найти причину, почему "не получилось".

Без кода или ссылки на ресурс где это должно работать - нам только гадать.

И моё предположение такое: там, где у Вас генерируется разметка - нет отбработки добавления класса active, соответтсвенно, после перхода на другую страницу - ничего не подсвечивается, так как разметка приходит без нужного класса

Answer 1

[Сергей delphinpro]

Когда вы выводите список ссылок нужно проверять, соответствуют ли они текущей странице

<a
  href="{{ route('somepage') }}"
  class="{{ route('somepage') == URL::current() ? 'active' : ''}}"
>

Можно и по другому сделать

https://qna.habr.com/q/610938
https://laravel.demiart.ru/detecting-active-links-...
https://laravel.ru/forum/viewtopic.php?id=1128

Это первые три ссылки из поисковика.
Задача тривиальная, решений масса, просто попробуйте поискать.

Comments

[Ринат Ильясов]

Спасибо