jquery - 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 插件是一个没有实际意义的问题。这将比任何自制解决方案都更具可读性并且可能更有效。