用于导航的 Javascript 在某些子菜单上工作，但不能在其他子菜单上工作

Javascript for navigation working on certain submenus, but not others?

本文关键字：菜单 工作 其他 但不能 导航 Javascript 用于      更新时间：2023-09-26

如果你去 http://anderson.snappywash.com/，你会发现这是一个漂亮的网站。导航子菜单似乎正在工作，但是如果您检查元素，您将看到在"定价"选项卡下，有一些子菜单遵循确切的调用操作，就像其他未显示的子菜单一样。具体来说，在div#Price_links 下，您会找到它们，并且您还将看到其他（即：洗涤链接、关于链接等），他们正在使用以下 JS：

function showDD(id) {
var element = id + "_links";
document.getElementById(element).style.display = "block";
}
function hideDD(id) {
var element = id + "_links";
document.getElementById(element).style.display = "none";
}

为什么定价下的链接没有显示？

它们在调用方面遵循与正在显示的其他子菜单完全相同的"设置"。我已经在这个问题上绞尽脑汁了一段时间，似乎想不通。有什么想法吗？任何人？

我看了一下网站，这就是我看到的。

下面是工作项的 HTML：

<img src="images/nav/unlimited.png" onmouseover="this.src='images/nav/unlimited_ov.png'; showDD('Wash');" onmouseout="this.src='images/nav/unlimited.png'; hideDD('Wash');" border="0">

以下是不起作用的菜单项的 HTML：

<img src="images/nav/pricing.png" onmouseover="this.src='images/nav/pricing_ov.png';" onmouseout="this.src='images/nav/pricing.png';" border="0">

似乎您遗漏了在不起作用的项目中显示DD和隐藏DD的调用。

不同之处在于，您在鼠标悬停它正在处理的元素时调用 showDD（示例第 58 行：）

<a href="zoompass.cfm">
  <img src="images/nav/unlimited.png" onmouseover="this.src='images/nav/unlimited_ov.png'; showDD('Wash');" onmouseout="this.src='images/nav/unlimited.png'; hideDD('Wash');" border="0" />
</a>

但不在定价图像中

<a href="pricing.cfm">
  <img src="images/nav/pricing.png" onmouseover="this.src='images/nav/pricing_ov.png';" onmouseout="this.src='images/nav/pricing.png';" border="0" />
</a>

相关文章：