2017-10-28 122 views
0

我正在使用@include在所有頁面中包括標題,但問題仍然突出顯示在主頁項目上,如何突出顯示活動頁面項目 示例: 主動CSS是當前菜單父laravel使用包含標題時突出顯示當前頁面的菜單項

 <ul class="menu-list text-uppercase"> 
     <li class="current-menu-parent"> 
     <a href="{{url('/')}}" title="">Home</a> 
     </li> 
      <li> 
       <a href="{{route('cdashboard')}}" class="btn_signin" title="">MY DASHBOARD</a> 
     </li> 

回答

0

Laravel /刀片本身並不能自動地做到這一點。

您應該檢查當前的路由名稱,如果它等於相應的路由,那麼添加current-menu-parent類以對應li

作爲一個提示:

<li @if(Route::currentRouteName() === 'route_name') class="current-menu-parent" @endif> 

UPDATE:

您可以通過路由的路徑,而不是路由的名稱也做到這一點:

<li @if(\Illuminate\Support\Facades\Request::is("/route_url")) class="current-menu-parent" @endif> 
+0

YaserKH謝謝 –

+0

@SallyBulbul您的歡迎:) – YaserKH

0

我用這個方法 我的幫手

function menuActive($route_name) 
{ 
    return Route::currentRouteName() == $route_name ? 'active' : ''; 
} 

使用

<li class="{{menuActive('cdashboard')}}"> 
      <a href="{{route('cdashboard')}}" class="btn_signin" title="">MY DASHBOARD</a> 
    </li> 
0

Laravel /刀片本身並不能自動地做到這一點。

您應該檢查當前的路由名稱,如果它等於相應的路由,那麼添加current-menu-parent類以對應li。

編輯的代碼是

<ul class="menu-list text-uppercase"> 
<li @if(Route::currentRouteName() === 'route_name') class="current-menu-parent" @else class="class-name" @endif> 
     <a href="{{url('/')}}" title="">Home</a> 
     </li> 
      <li> 
       <a href="{{route('cdashboard')}}" class="btn_signin" title="">MY DASHBOARD</a> 
     </li> 
</ul> 
相關問題