JQuery为选定的菜单保留类

时间:2011-04-06 17:16:53

标签: php javascript jquery

我在header.php页面上有以下菜单,该页面包含在每个链接页面上,如下所示:

<nav id="main-nav">
    <ul class="container_12">
        <li>
         <ul>
            <li><a href="home.php"><? echo TEXT_DASHBOARD_HOME;?></a></li>
                        <li><a href="plans.php"><? echo TEXT_DASHBOARD_PLAN;?></a></li>
            <li><a href="voucher.php"><? echo TEXT_DASHBOARD_VOUCH;?></a></li>
         </ul>
        </li>   
    </ul>
</nav>

现在,当我点击任何菜单项时,我执行header.php中包含的以下代码:

$(document).ready(function()
{
$('nav > ul > li > ul > li').addClass('current').siblings().removeClass('current');
});

一旦我停留在同一页面上它就会起作用,只要我点击另一个菜单并且我被重定向到另一个页面并且该类被删除,我该如何传递li.index()的变量单击并将类添加到特定的<li>

由于

1 个答案:

答案 0 :(得分:0)

针对您的具体解决方案:

由于正在加载新页面,我们只需将当前类设置为该特定页面项,如果我们已经知道正在加载...

以及使用jquery的解决方案:

你应该至少知道它的位置或任何相对身份来选择它... 喜欢: 如果页面是家,则将当前添加到主页li 如果页面是......等等......