【问题标题】:make links active in laravel在 laravel 中激活链接
【发布时间】:2022-04-28 13:22:40
【问题描述】:

我在 Laravel 5.3 中有这个链接列表

@foreach($categories as $category)
     <li class="list-group-item text-right"><a href="{{url('/product/'.$category->id)}}">{{$category->name}}</a></li>
@endforeach

如何激活当前链接

【问题讨论】:

    标签: laravel laravel-5 hyperlink


    【解决方案1】:

    如果在打印li 时与当前匹配,则可以使用Request,然后包含active 类。

    当 URI 为 /product/1 时,这将添加 active 类。

    {{ Request::is('/product/1') ? 'active' : null }}

    在您的代码中:

    @foreach($categories as $category)
         <li class="list-group-item text-right {{ Request::is('/product/'.$category->id) ? 'active' : null }}"><a href="{{url('/product/'.$category->id)}}">{{$category->name}}</a></li>
    @endforeach
    

    【讨论】:

    • @user5565240 您是否检查了元素并看到未添加类active
    【解决方案2】:
    @foreach($categories as $category)
         <li class="list-group-item text-right"><a href="{{url('/product/'.$category->id)}}" class="{{ Request::is('/product/'.$category->id) ? 'active' : null }}">{{$category->name}}</a></li>
    @endforeach
    

    这就是你需要的类应该应用于链接而不是li

    【讨论】:

      【解决方案3】:

      我没有找到任何好的简单解决方案来做到这一点。但我想出了我的解决方案。你可以在 Laravel 5.6 中使用它,而且效果很好。

      @foreach($categories as $category)
      
      <li class="list-group-item @if(Request::fullUrl() === route('category.index', strtolower($category->name))) active @endif">
      <a href="{{ route('category.index', strtolower($category->name))}}">{{$category->name}}</a></li>
      
      @endforeach
      

      【讨论】:

        【解决方案4】:

        我个人用过这个。

        class="{{ request()->routeIs('user.dashboard') ? 'active' : '' }}"
        

        并在多条路线上活跃。

        class="{{ request()
            ->routeIs('user.dashboard', 'user.channels') ? 'active' : '' }}"
        

        【讨论】:

          猜你喜欢
          • 2017-10-30
          • 1970-01-01
          • 2014-10-20
          • 2014-02-13
          • 1970-01-01
          • 2019-07-22
          • 1970-01-01
          • 2015-12-01
          • 2015-08-04
          相关资源
          最近更新 更多