javascript - Bootstrap 和自定义下拉菜单

Question

我正在使用 bootstrap 3 和我有一个页面，其内容是使用 require_once () 动态加载的。我有一个部分的下拉菜单。

<ul class="nav nav-list">
                <li class="active">
                    <a href="<?php echo WEB_ROOT; ?>admin">
                        <i class="menu-icon fa fa-tachometer"></i>
                        <span class="menu-text"> Dashboard</span>
                    </a>

                    <b class="arrow"></b>
                </li>

                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-desktop"></i>
                        <span class="menu-text"> Catalog </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">


                <li class="">
                    <a href="<?php echo WEB_ROOT; ?>admin/product/">
                        <i class="menu-icon fa fa-list-alt"></i>
                        <span class="menu-text"> Products </span>
                    </a>

                    <b class="arrow"></b>
                </li>

                    <li class="">
                    <a href="<?php echo WEB_ROOT; ?>admin/category/">
                        <i class="menu-icon fa fa-list-alt"></i>
                        <span class="menu-text"> Categories </span>
                    </a>

                    <b class="arrow"></b>
                </li>   
                    </ul>
                </li>

            </ul>

我想做的是在我选择一个部分时保持打开菜单，移动 <li class = "active">在适当的部分。如果页面是静态的会更容易，但是以这种方式？

我不知道该怎么做。这里有一个链接到 demo

谢谢

Answer 1

在页面顶部设置此变量。

<?php $currenturl =  "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>

在菜单的每个类部分尝试这个三元组

<?php (WEB_ROOT . 'admin/product/' == $currenturl)? 'active' : NULL ?>

(显然更改每个 url 的其余路径)。

如果你想让某个下拉菜单保持打开状态，你可以在每个 url 的末尾添加一个查询字符串，例如

<?php echo WEB_ROOT; ?>admin/product?menu=catalog">

并在页面上使用

<ul class="submenu <?php if(isset($_GET['menu')){ ($_GET['menu'] == 'catalog')? 'open' : NULL; } ?>">

在目录子菜单的类中。让菜单保持打开状态 :)。