php – 在Laravel 5中设置Bootstrap navbar活动类

发布时间：2020-12-14 19:47:40 所属栏目：大数据来源：网络整理

导读：我一直在想寻找解决方案,但是特别是在创建助手时不太明白.我是Laravel的新人,我想要一个简单的或者不是一个详细的说明,说明如何设置我的引导导航栏的活动类. 这是我到目前为止所做的,但不能完成： div class="header clearfix" nav ul class="nav nav-pills

我一直在想寻找解决方案,但是特别是在创建助手时不太明白.我是Laravel的新人,我想要一个简单的或者不是一个详细的说明,说明如何设置我的引导导航栏的活动类.

这是我到目前为止所做的,但不能完成：

<div class="header clearfix">
        <nav>
          <ul class="nav nav-pills pull-right">
            <li class=""><a href="{{ url('/') }}">Home</a>
            </li>
            <li {{ Request::is('about*') ? ' class="active"' : null }}><a href="{{ url('about') }}">About Us</a>
            </li>
            <li><a href="{{ url('auth/login') }}">Login</a>
            </li>
        </ul>
    </nav>
    <h2 class="">Tobacco Prevention and Control Program</h2>
</div>

编辑

设置class =“active”将使所有nav-pills活动.预期的效果是只有当前页面的li具有活动类.

编辑

对于那些正在访问这个帖子.我已经设法得到一个解决方案,但我不知道它是否整齐.这对我来说很好.

<ul class="nav nav-second-level">
                    <li class="{{ Request::segment(1) === 'programs' ? 'active' : null }}">
                        <a href="{{ url('programs' )}}" ></i> Programs</a>
                    </li>
                    <li class="{{ Request::segment(1) === 'beneficiaries' ? 'active' : null }}">
                        <a href="{{url('beneficiaries')}}"> Beneficiaries</a>
                    </li>
                    <li class="{{ Request::segment(1) === 'indicators' ? 'active' : null }}">
                        <a href="{{url('indicators')}}"> Indicators</a>
                    </li>                     
                </ul>

您的代码正常工作,但您必须将其用于可以处于活动状态的每个链接.最好只返回类名,而不是class =“…”,这样你可以添加其他类.

使用*时请注意(约*).如果您使用/ *作为主页,那么它将始终被标记为活动(因为每隔一页以/开头).

<ul class="nav nav-pills pull-right">
    <li class="{{ Request::is('/') ? 'active' : '' }}">
        <a href="{{ url('/') }}">Home</a>
    </li>
    <li class="{{ Request::is('about') ? 'active' : '' }}">
        <a href="{{ url('about') }}">About Us</a>
    </li>
    <li class="{{ Request::is('auth/login') ? 'active' : '' }}">
        <a href="{{ url('auth/login') }}">Login</a>
    </li>
</ul>

你也可以移动{{请求::是(‘/’)？ ‘active’：”}}来帮助函数/方法.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!