Question

如果你去http://anderson.snappywash.com/，你会发现它看起来很漂亮。导航子菜单似乎正在工作，但是如果你检查元素，你会看到在PRICING选项卡下，有一些子菜单跟随确切的调用操作，而其他子菜单没有显示。具体来说，在div＃Price_links下你会找到它们，你也会看到其他的（即：Wash链接，关于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";
}

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

他们遵循完全相同的“设置”来调用正在显示的其他子菜单。我已经在这个问题上开了一段时间，似乎无法解决这个问题。有任何想法吗？任何人吗？

Answer 1

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

这是工作项的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">

好像你在没有工作的项目中省略了对showDD和hideDD的调用。

Answer 2

不同之处在于你在其正在处理的元素的onmouseover上调用showDD（例如第58行）：

＆＃13;

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

＆＃13;

但不在定价图片中

＆＃13;

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

＆＃13;

用于某些子菜单的导航的Javascript，而不是其他子菜单？

2 个答案: