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

Javascript 包括外部ASP页面中的菜单内容,保持菜单项处于选中状态,javascript,jquery,html,asp.net,css,Javascript,Jquery,Html,Asp.net,Css,我在新网站的多个/每个页面中都有以下内容 我已经删除了所有页面中的冗余代码,并在所有需要菜单选择选项的页面中添加了一个包含(如下所述)。使用: <!--#include file ="Include.asp"--> 问题是,假设会话变量或jQuery变量从一页传递到另一页,我们将如何保持选中的页面菜单项在所有或任何选择中高亮显示 class=“current”是否需要作为当前页面的前缀?当前代码保持主页高亮显示,如果我们删除class=“current”,显然会失去高亮显示的所

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

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

<!--#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>

菜单

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

使用ASP代码隐藏,您可以获取request.url变量并提取文件名,然后对html进行如下替换:

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

html=html.replace(“
  • 你能通过PayPal远程登录并以几美元的价格进行一些即时编码吗?在其他项目中工作,可能需要一些雇佣的帮助吗?@user3359954..当然可以,请查看我的个人资料页面以获取联系信息