在 Laravel 中为父级和子级创建活动类

Posted

技术标签:

【中文标题】在 Laravel 中为父级和子级创建活动类【英文标题】:Make active class for parent and subs in Laravel 【发布时间】:2018-05-13 17:35:59 【问题描述】:

我有这样的菜单:

<li class="treeview">
        <a href="#"><i class="fa fa-comment"></i> <span>Comments</span>
            <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
            </span>
        </a>
        <ul class="treeview-menu">
            <li><a href="http://blog.dev/member/comments">All Comments</a></li>
            <li><a href="http://blog.dev/member/comments?q=me">My Comments</a></li>
            <li><a href="http://blog.dev/member/comments?q=approved">Approved</a></li>
            <li><a href="http://blog.dev/member/comments?q=disapproved">Disapproved</a></li>
        </ul>
    </li>

我想要的只是当我点击子菜单时,例如“我的 cmets”菜单,评论菜单和我的评论活动将有一个这样的类

    <li class="active"><a href="#"><i class="fa fa-comment"></i> <span>Comments</span></a></li>
    <li class="active active-sub"><a href="http://blog.dev/member/comments?q=me">My Comments</a></li>

那么我怎样才能做到这一点呢?谢谢

【问题讨论】:

【参考方案1】:

试试这个:

<li class="treeview  (request()->is('member/comments')) ? 'active':''  ">
    <a href="#"><i class="fa fa-comment"></i> <span>Comments</span>
        <span class="pull-right-container">
            <i class="fa fa-angle-left pull-right"></i>
        </span>
    </a>
    <ul class="treeview-menu">
        <li class=" (request()->is('member/comments') && (request('q') == '')) ? 'active active-sub':''  ">
            <a href="http://blog.dev/member/comments">All Comments</a>
        </li>
        <li class=" (request('q') == 'me') ? 'active active-sub':''  ">
            <a href="http://blog.dev/member/comments?q=me">My Comments</a>
        </li>
        <li class=" (request('q') == 'approved') ? 'active active-sub':''  ">
            <a href="http://blog.dev/member/comments?q=approved">Approved</a>
        </li>
        <li class=" (request('q') == 'disapproved') ? 'active active-sub':''  ">
            <a href="http://blog.dev/member/comments?q=disapproved">Disapproved</a>
        </li>
    </ul>
</li>

【讨论】:

【参考方案2】:

您可以在接受模式检查的Request 对象上使用is() 方法。例如&lt;li class=" request()-&gt;is('comments*') ? 'active' : '' "&gt;。这意味着如果 uri 'cmets' 单词中的某处存在,则将添加 'active' 类。当然你可以更具体,你可以省略通配符。

【讨论】:

【参考方案3】:

使用带有 if 子句的 is 方法;

Request::is('sample-url') ? 'class="active"' : ''

(检查url,如果url中有'sample-url'则返回class="active",不返回空..)

【讨论】:

你能在你的刀片文件中分享屏幕截图吗?【参考方案4】:

您可以尝试使用这个包https://www.hieule.info/products/laravel-active-version-3-released,它提供了帮助方法来检查当前路线是否符合您的条件。

假设你的路由被命名为comments.indexcomments.my_comments

<li class=" active_class(if_route('comments.*')) ">
     <a href="#"><i class="fa fa-comment"></i> 
     <span>Comments</span></a>
</li>

【讨论】:

以上是关于在 Laravel 中为父级和子级创建活动类的主要内容,如果未能解决你的问题,请参考以下文章

找到堆的父级和子级的方程式背后的直觉是啥?

C++ 虚拟方法:我必须在父类中为子级和父级不共享的每个方法创建一个虚拟方法吗?

使用 MVC 5 向 Kendo UI 控制器添加父级和子级

删除父级和所有子级

带有 IEnumerable<child> 成员的 ViewModel 在 POST 上未正确绑定 [重复]

php facetwp索引仅限父级和一级子级条款