如何突出显示Laravel引导程序中的当前菜单项?

时间:2018-10-26 13:07:25

标签: php jquery laravel

使用laravel 5.6,我有以下sidebar.blade.php文件sidebar.blade.php

<style type="text/css">
.list-group {

     margin:auto;
     float:left;
     padding-top:20px;
    }
    .lead {

     margin:auto;
     left:0;
     right:0;
     padding-top:10%;
    }
</style>

 <div class="list-group">

    <a href="#" class="list-group-item active"><i class="fa fa-key"></i> <span>App Settings</span></a>
    <a href="{{route('vehicles.myads')}}" class="list-group-item" ><i class="fa fa-credit-card"></i> <span>My Ads</span></a>
    <a href="#" class="list-group-item"><i class="fa fa-question-circle"></i> <span>Support</span></a>
    <a href="#" class="list-group-item"><i class="fa fa-arrow-circle-o-left"></i> <span>Sandbox Account</span></a>
    <a href="#" class="list-group-item"><i class="fa fa-book"></i> <span>QuickStart Overview</span></a>
    <a href="#" class="list-group-item"><i class="fa fa-compass"></i> <span>Documentation</span></a>
</div>
<script>
    $(document).ready(function() {

$('.list-group-item').click(function(e) {
    e.preventDefault();
    $('.list-group-item').removeClass('active');
    $(this).addClass('active');
  });
});
  </script>

现在我需要在sidebar.blade.php文件上方突出显示当前菜单项,该怎么办?当前的jQuery代码仅在同一页面中突出显示,但是当我使用链接其他页面的当前链接时,它不突出显示(例如,如果我从myads页面的myads菜单中的主页转到myads链接,则不突出显示)

修改 希望将此Sidemenu刀片文件与其他刀片文件一起用作包含文件

2 个答案:

答案 0 :(得分:0)

使用为处理活动菜单的所有情况而创建的“我的助手”功能

https://gist.github.com/AManojKiran/56a9fd3332795edec8cc80b4dd4928d3

答案 1 :(得分:0)

例如,如果您的URL包含site / * / edit,则可以通过这种方式进行检查。

<a href="#" class="list-group-item {{ request()->is('sites/*/edit') ? 'active' : '' }}">