菜单活动当前页面

debugcn 发表于 Dev

杰罗恩

我正在使用 Bootstrap (AdminLTE) 并且我想让当前页面的菜单项处于活动状态。问题是，我不知道该怎么做。我确实有一些解决方案（除了在每个 php 文件中更改它），例如为每个链接放置一个 IF 语句，这将是一个糟糕的解决方案（我认为）。

      <ul class="sidebar-menu">
        <li class="header">HOOFD MENU</li>
        <li class='treeview'>
          <a href='#'>
            <i class='fa fa-dashboard'></i> <span>Dashboard</span>
            <span class='pull-right-container'>
              <i class='fa fa-angle-left pull-right'></i>
            </span>
          </a>
          <ul class='treeview-menu'>
            <li><a href='account.php'><i class='fa fa-circle-o'></i>Account</a></li>
          </ul>
        </li>
</ul>

以上是菜单的一部分。因此菜单项（在本例中为仪表板）和子菜单项都必须处于活动状态。

提前致谢！

AB卡特拉

试试这个。这是从其他引导管理模板复制的，并针对 AdminLTE 进行了修改

    <script>
    $(document).ready(function() {
        var url = window.location; 
        var element = $('ul.sidebar-menu a').filter(function() {
        return this.href == url || url.href.indexOf(this.href) == 0; }).parent().addClass('active');
        if (element.is('li')) { 
             element.addClass('active').parent().parent('li').addClass('active')
         }
    });
    </script>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。