提问者:小点点

包括外部ASP页面中的菜单内容,保持菜单项处于选中状态


我在新网站的多个/每个页面中都有以下内容。

我已经删除了所有页面中的冗余代码,并在所有需要菜单选择选项的页面中添加了一个include(如下所述)。使用:

<!--#include file ="Include.asp"-->

问题是,假设会话变量或jQuery变量从一页传递到另一页,我们将如何保持选中的页面菜单项在所有或任何选择中高亮显示?

class=“current”是否需要作为当前页面的前缀?当前代码保持主页高亮显示,如果我们删除class=“current”,显然会失去高亮显示的所有效果。

谢谢你,新手程序员!

<nav>
<div id="menu-icon">Menu<span></span></div>
<ul class="menu responsive-menu">
    <li class="current"><a href="index.asp">Home</a></li>
    <li><a href="index1.asp">Page 1</a>
        <ul>
            <li><a href="#">Page 1.1</a></li>
            <li><a href="#">Page 1.2</a></li>
            <li><a href="#">Page 1.3</a></li>
            <li><a href="#">Page 1.4</a></li>
            <li><a href="#">Page 1.5</a></li>
            <li class="last-item"><a href="#">Page 1.6</a></li>
        </ul>
        <span class="menu-bottom"></span>
    </li>
    <li><a href="index2.asp">Page 2</a></li>
    <li><a href="index3.asp">Page 3</a></li>
    <li><a href="index4.asp">Page 4</a></li>
    <li class="last-item"><a href="index5.asp">Page 5</a></li>
</ul>
</nav>

共1个答案

匿名用户

一个建议是在服务器端执行。

使用ASP代码隐藏,您可以接受请求。url变量并提取文件名,然后对html执行如下替换:

html = html.replace("<li><a href=""file_name.asp""", "<li class=""current""><a href=""file_name.asp""")

如果您有任何其他循环来创建nav元素,您当然可以在那里进行注入。