在悬停之前，IE7不会从导航中删除活动状态

Question

该网站为http://greenvillenext.com/site（注意：请忽略疯狂的加载时间和所有内容，我已经知道了。）

以下是正在发生的事情：单击主导航中的项目（顶部的五个链接）为该项目提供“活动”类，当您单击其他项时，它会从该项中删除活动类并添加它新的。显然，这个活动类用于设置导航链接的样式，让您知道自己的位置。

但是，在IE7中，单击导航栏中的其他链接不会从先前活动的链接中删除活动样式，直到将鼠标悬停在该链接上，这似乎会重置它。

我在这里不知所措。我已经尝试过任何一种我能找到的偷看（最小宽度：0），我已经为非活动链接设置了一个“非活动”类，并且设置了不同的样式，等等。将它重置，直到你在IE7中将鼠标悬停在它上面。

有什么想法吗？

Answer 1

你是如何定义悬停的？最简单（也是最可靠的方法）是使用jQuery。

$('.myNav').hover( function(){

$('.myNav').removeAttr //remove whatever styling hover causes
$(this).css //set the background/do hover animation

});

您需要一种标记当前所选标签的方法并忽略它;你总是可以在元素上使用一些属性来标记这样的。我看到你的导航元素都是不同的类;我会为所有人添加另一个类以便于分组。

对于所有jQuery反对者：他已经在使用jQuery-UI，因此添加jQuery插件是一个没有实际意义的问题。这比任何自主推出的解决方案更具可读性和效率。

Answer 2

事实证明，设计师为所有版本的IE而不仅仅是IE6启用了DD_belatedPNG，这是罪魁祸首。