Question

我点击时使用了javascript来更改菜单列表项（来自css类）的图像。它应该从“menu_grey”更改为“menu_red”。它确实发生了，但它暂时切换回同一个类。这就是我在HTML中的含义：

     <li %WELCOME_ACTIVE%><a id = "menuClicked" class='menuHome' href='%AuthProgram%'>%lang("lang_customer_framework_home")%</a>

<script>

document.getElementById("menuClicked").onclick=function() {

var className = document.getElementById("menuClicked").className

document.getElementById("menuClicked").className = "menuClicked"


};
</script>

</li>

由于这是对预先开发的网站设计的更改，并且菜单的布局是在CSS中定义的，我不想制作新的菜单和设计，因为我会冒险破坏设计的其余部分。 CSS类看起来像这样：

#menu li a.menuHome
{
  background: url('../graphics/SevenCustomer/ikoner/hjem_gra.jpg') no-repeat top center;
  display: block;
  padding-top: 44px;
}

对于menuClicked：

#menu li a.menuClicked
{
  background: url('../graphics/SevenCustomer/ikoner/HJEM_rod.jpg') no-repeat top center;
  display: block;
  padding-top: 44px;
}

所以问题是：如何在点击主页后使图像保持“红色”状态？

建议表示赞赏：）

Answer 1

页面导航，您需要在服务器端或加载的页面上进行设置。下一页不知道你为它添加了一个类。它并不关心，因为它是一个全新的页面。

Answer 2

当有人点击链接时，只需停止触发事件即可。有几种方法可以做到这一点，这里有一些建议：

how to stop page redirect

Javascript Change类行为不正常

2 个答案: