首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使li类在laravel中发挥动态作用?

如何使li类在laravel中发挥动态作用?
EN

Stack Overflow用户
提问于 2017-04-05 10:58:57
回答 4查看 5.9K关注 0票数 4

我的HTML代码是

代码语言:javascript
复制
   <div id="sidebar"><a href="#" class="visible-phone"><i class="icon icon-home"></i>Dashboard</a>
        <ul>
          <li class="active"><a href="{{route('ScamType.index')}}"><i class="icon icon-home"></i> <span>Scam Type</span></a> </li>
          <li> <a href="{{route('ScamDatabase.index')}}"><i class="icon icon-signal"></i> <span>Scam Database</span></a> </li>
          <li> <a href="{{route('ScamStory.index')}}"><i class="icon icon-inbox"></i> <span>Scam Story</span></a> </li>
          <li><a href="{{route('KeyWord.index')}}"><i class="icon icon-th"></i> <span>Keyword</span></a></li>
          <li><a href="{{route('Category.index')}}"><i class="icon icon-th"></i> <span>Category</span></a></li>
          <li><a href="{{route('SubCategory.index')}}"><i class="icon icon-th"></i> <span>Sub Category</span></a></li>
</ul>
</div>

在这里,我给李老师上课,就像学鞋带一样,但我不知道怎么用拉拉,而且我是拉拉的初学者,所以请不要投零票,给我一个正确的解决办法。我应该如何更改代码以使li类动态活动?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2017-04-05 11:02:28

您可以使用三元操作符。例如,可以检查当前路由的URI:

代码语言:javascript
复制
<li{{ request()->is('scam-types') ? ' class="active"' : '' }}>

您还可以使用*作为通配符:

代码语言:javascript
复制
<li{{ request()->is('scam-type-number-*') ? ' class="active"' : '' }}>

或者您可以检查路线名称:

代码语言:javascript
复制
<li{{ request()->route()->getName() === 'ScamType.index' ? ' class="active"' : '' }}>
票数 7
EN

Stack Overflow用户

发布于 2017-04-05 11:04:11

尝试下面的代码来编写每个li标记,以检查URL中的一些文本

代码语言:javascript
复制
if (strpos($_SERVER['REQUEST_URI'], "ScamType") !== false){
   echo "active";
}

在课堂上写以上代码。

例如。

代码语言:javascript
复制
<li class="{{ if (strpos($_SERVER['REQUEST_URI'], "ScamType") !== false){  echo "active"; } }}"><a href="{{route('ScamType.index')}}"><i class="icon icon-home"></i> <span>Scam Type</span></a> </li>
票数 2
EN

Stack Overflow用户

发布于 2017-09-12 14:10:22

从上面的答案看,我试过了,但没有工作,因为class="active"必须是class=active

代码语言:javascript
复制
<li><a class="{{ request()->routeIs('about.index*') ? 'active-menu' : '' }}" href="{{route('about.index')}}"><i class="fa fa-desktop"></i> About</a></li>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43229228

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档