Jquery Mega Menu Li 悬停问题答案

【问题标题】：Jquery Mega Menu Li Hover ProblemsJquery Mega Menu Li 悬停问题
【发布时间】：2012-01-14 16:45:56
【问题描述】：

现在这有点难以解释，但我有一个超级菜单，当您将鼠标悬停在产品上时，它会下拉并显示超级菜单。现在，当您的鼠标悬停在菜单中实际存在的链接上，并且您将其从原始产品链接上移开时，产品按钮将保持悬停状态。但是，在 IE 中情况并非如此，只要您将鼠标悬停在下拉大型菜单中的链接上，原始产品按钮就会离开悬停状态。我已经尝试在 CSS 中修复它，但它不起作用。（请不要说是DOCTYPE，因为我使用的站点主机不允许我更改它.../:) 所以，我想写一个小jquery来更改原始产品悬停状态时的CSS它下面的链接悬停在上面。这就是我所拥有的，但我无法真正让它发挥作用。任何帮助将不胜感激！

jquery

$(div.sub).hover(function(){
    $(li.products)
         .css('backgroundimage','url(http://p.b5z.net/i/u/10145668/h/Hammer_Sprite.gif) -144px -63px;')
});

带有链接的 uls 位于名为“sub”的 div 中，当它们悬停在 li.products 上时，应将其 CSS 更改为提到的内容。

页面链接

http://www.edirecthost.com/hhmobilehomehardware/?preview=1#

非常感谢！

【问题讨论】：

标签： jquery html css html-lists

【解决方案1】：

您的选择器错误。您必须将它们括在引号中。

$('div.sub')
$('li.products')

此外，产品的链接元素似乎也在使用背景图像，您可能需要在其上设置它而不是 li。

$('a.products').css('background-image', '');

【讨论】：