Question

这是我的导航栏代码

<div id="sidebar"><a href="" class="visible-phone"><i class="icon icon-dashboard"></i> Dashboard</a>


<ul>
<li class="active"><a href="{{ url('/admin/dashboard') }}"><i class="icon-dashboard"></i> <span>Dashboard</span></a> </li>
<li class="submenu"> <a href=""><i class="icon icon-th-large"></i> <span>Menu</span> </a>
  <ul>
    <li><a href="{{ url('/admin/add-menu') }}">Add Menu</a></li>
    <li><a href="{{ url('/admin/view-menu') }}">View All Menu</a></li>
  </ul>
</li>

如何在单击菜单时使其变为活动状态？在我的项目中，仪表板始终处于活动状态。

Answer 1

<ul>
    <li {{ Request::url() === 'admin/dashboard' ? ' class="active"' : '' }}><a href="{{ url('admin/dashboard') }}"><i class="icon-dashboard"></i> <span>Dashboard</span></a> </li>
    <li class="submenu"> <a href=""><i class="icon icon-th-large"></i> <span>Menu</span> </a>
        <ul>
            <li {{ Request::url() === 'admin/add-menu' ? ' class="active"' : '' }}><a href="{{ url('/admin/add-menu') }}">Add Menu</a></li>
            <li {{ Request::url() === 'admin/view-menu' ? ' class="active"' : '' }}><a href="{{ url('/admin/add-menu') }}"><a href="{{ url('/admin/view-menu') }}">View All Menu</a></li>
        </ul>
   </li>
</ul>

如果这不起作用，则可能是您已命名路由。您需要用路径名称替换例如“ admin / dashboard”

希望这对您有所帮助。

Answer 2

您可以通过检查当前网址来激活导航栏。

假设您的网址是“ / admin / dashboard”，则可以添加此检查：

@if (\Request::is('admin/dashboard'))  
   <li class="active"><a href="{{ url('/admin/dashboard') }}"><i class="icon-dashboard"></i> <span>Dashboard</span></a> </li>
@else
   <li class=""><a href="{{ url('/admin/dashboard') }}"><i class="icon-dashboard"></i> <span>Dashboard</span></a> </li>
@endif

在其他情况下，您需要删除活动类，在其他情况下，您需要添加活动类。

Answer 3

因此您可以使用：

Request::is()

尝试一下

<ul>
<li{{ (Request::is('admin/dashboard') || Request::is('/admin/dashboard')) ? ' class="active"' : '' }}><a href="{{ url('/admin/dashboard') }}"><i class="icon-dashboard"></i> <span>Dashboard</span></a> </li>
<li class="submenu"> <a href="#"><i class="icon icon-th-large"></i> <span>Menu</span> </a>
  <ul>
    <li{{ (Request::is('admin/add-menu') || Request::is('/admin/add-menu')) ? ' class="active"' : '' }}><a href="{{ url('/admin/add-menu') }}">Add Menu</a></li>
    <li{{ (Request::is('admin/view-menu') || Request::is('/admin/view-menu')) ? ' class="active"' : '' }}><a href="{{ url('/admin/view-menu') }}">View All Menu</a></li>
  </ul>
</li>

在laravel 5.6中单击时，如何激活导航栏？

3 个答案: