javascript - 单击事件更改 Css

Question

我在 asp 页面中有几个链接，所有链接都符合 CSS。第一个链接在主页上用不同的 CSS 突出显示。每当我分别按下第二个或第三个链接时，我想在 Click 事件上切换 CSS 类，它应该突出显示，而另一个则变为 Normal with Normal CSS。

<ul>
    <li><a href="../Admin/Home.aspx" id="a_Home" class="homeactive" onclick="ChangeSelectedMenuCss(this.id);">
        Home</a></li>
    <li><a href="../Admin/subadmindetails.aspx" id="a_Report" class="home" onclick="ChangeSelectedMenuCss(this.id);">
        SubAdmin</a></li>
    <li><a href="../Admin/control_panel.aspx" id="a_User" class="home" onclick="ChangeSelectedMenuCss(this.id);">
        Control Panel</a></li>
    <li><a href="../Admin/admin_master.aspx" id="a_CntrlPnl" class="home" onclick="ChangeSelectedMenuCss(this.id);">
        Master Data</a></li>
    <li><a href="../Admin/Login.aspx" class="home">Logout</a></li>
</ul>

请帮帮我，我卡住了
感谢和问候。

Answer 1

我认为您混淆了 ASP.NET 和 Javascript 之间的交互方式。当用户单击其中一个链接时，将触发 onclick 事件，但随后 ASP.NET 将加载与该链接相关的页面，从而重置导航菜单。

您可能想要做的不是使用 onclick 事件，而是在您的母版页上有一个类来标识它所在的页面，然后将 homeactive 类添加到它需要的任何链接上。