【发布时间】:2018-03-12 21:38:06
【问题描述】:
我的菜单有问题。 他想制作一个正在开发的菜单。
我想添加一个类 li 'open' 和 'active'。
菜单:
- Category1 网址:(http://name.com/category1)
- Subcategry1-1 网址:(http://name.com/category1/subcategory1-1)
- 子类别 1-2 网址:(http://name.com/category1/subcategory1-2)
- 子类别 1-3 网址:(http://name.com/category1/subcategory1-3)
- Category2 网址:(http://name.com/category2)
- 子类别 2-1 网址:(http://name.com/category1/subcategory2-1)
- 子类别 2-2 网址:(http://name.com/category1/subcategory2-2)
- 子类别 2-3 网址:(http://name.com/category1/subcategory2-3)
- Category3 网址:(http://name.com/category3)
- Category4 网址:(http://name.com/category4)
代码菜单:
<nav class="sidebar__menu">
<ul class="sidebar__menu__list">
@if ($menu_items_mops->count())
@foreach ($menu_items_mops as $k => $menu_item)
@if (($menu_item->page_id && is_object($menu_item->page)) || !$menu_item->page_id)
@if ($menu_item->children->count())
<li class="{{ ($menu_item->url() == Request::url())?' active':'' }}">
<a href="{{ $menu_item->url() }}" title="{{ $menu_item->name }}" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">{{ $menu_item->name }}</a>
<ul class="dropdown-menu">
@foreach ($menu_item->children as $i => $child)
<li class="{{ ($child->url() == Request::url())?'active':'' }}">
<a class="hyphenate" href="{{ $child->url() }}" title="{{ $child->name }}">{{ $child->name }}</a>
</li>
@endforeach
</ul>
</li>
@else
<li class="{{ ($menu_item->url() == Request::url())?' active':'' }}"><a href="{{ $menu_item->url() }}" title="{{ $menu_item->name }}">{{ $menu_item->name }}</a></li>
@endif
@endif
@endforeach
@endif
</ul>
其中 url 是 category1/category2/category3/category4 在菜单中的活动效果很好,但当 url 是子类别活动/打开菜单时不起作用。
负责的代码:
<li class="{{ ($menu_item->url() == Request::url())?' active':'' }}">
我试图做这样的事情,但它不起作用:
<li class="{{ request()->is($menu_item->url().'/*') ? 'active' : '' }}">
<li class="{{ (Route::is('$menu_item->url().*') == $menu_item->url()) ? ' active':'' }}">
也许有人知道如何将地址与 menu_item-> url 进行比较,并添加一个 url 为 menu_item->url/* 的类
【问题讨论】:
标签: php laravel menu menuitem submenu