Добавить активный класс к элементу боковой панели на основе URL - PullRequest
0 голосов
/ 04 апреля 2019

Я использую laravel, и когда страница обновляется, активный элемент на боковой панели не выбирается, this : li class="{{ (request()->is('admin/cities*')) ? 'active' : '' }}"> (это простое решение), но выглядит не очень хорошо.Как я могу сделать это с помощью jquery или другого?

$(document).ready(function() {

  $('ul li a').click(function() {
    $('li a').removeClass("active");
    $(this).addClass("active");
  });
});
<style>.sidebar-link.active,
.sidebar-link:focus {
  background: #e2e8ed;
  color: grey !important;
  text-decoration: none;
}

</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="sidebar" class="sidebar py-3">
  <ul class="sidebar-menu list-unstyled">

    <li class="sidebar-list-item"><a href="/test" class="sidebar-link text- 
   muted active"><i class="la la-dashboard mr-3 text-gray "></i> 
   <span>Dashboard</span></a>
    </li>

    <li class="sidebar-list-item"><a href="/test2" class="sidebar-link text- 
   muted"><i class="la la-dashboard mr-3 text-gray "></i> 
   <span>Test</span></a>
    </li>
    <ul>

</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...