Question

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

我已从所有页面中删除了冗余代码，并为需要菜单选择选项的所有页面添加了 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>

Answer 1

一个建议就是服务器端。

使用后面的ASP代码，您可以获取request.url变量并提取文件名，然后在您的html上执行替换，如下所示：

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

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

包括来自外部ASP页面的菜单内容，保持选择菜单项

1 个答案: