Question

当我使用Laravel Blade Templating访问另一个页面时，如何更改twitter bootstrap中的活动类？

Answer 1

这是一个可能有帮助的例子

您可以在刀片模板中定义变量

 <?php $nav_profile = 'active'; ?>

    @extends ('layouts.app')

    @section ('content')
..
..
    @endsection

然后在布局文件中;

<ul class="nav nav-tabs">
    <li role="presentation" class="{{ $nav_home or ''  }}"><a href="#">Home</a></li>
     <li role="presentation" class="{{ $nav_profile or ''  }}"><a href="#">Profile</a></li>
     <li role="presentation" class="{{ $nav_messages or '' }}"><a href="#">Messages</a></li>
</ul>

因此，如果页面包含一个名为nav_profile的变量，则插入“活动”字样。进入课堂。如果变量不存在，＆＃39;或＆＃39;部分会插入一个空字符串。

Answer 2

所有人！

我找到了解决此问题的简单方法。该解决方案非常简单。

它将适用于整个页面中的所有链接。

<script>
  function addActiveClass(){
    var objs = document.getElementsByTagName('a');          // take all 'a' tags
    for(var i = 0; i < objs.length; i++){
      if(objs[i].href == window.location.href){             // check if the user is on this link
        objs[i].className = objs[i].className + " active";  // add additional 'active' class
      }
    }
  }

  addActiveClass();
</script>

将此代码添加到页面的末尾将起到神奇作用。

Laravel Blade改变活动类Bootstrap

2 个答案: