Jquery Mega Menu Li悬停问题

Question

现在这有点难以解释，但我有一个超级菜单，当您将鼠标悬停在产品上时，它会下降并显示超级菜单。现在，当鼠标悬停在实际位于菜单中的链接上，并将其从原始产品链接中取出时，产品按钮将处于悬停状态。但是，在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是在一个名为“子” DIV，当他们上空盘旋li.products应的CSS改变什么被提及。

链接到页面

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

非常感谢！

Answer 1

您的选择器是错误的。你必须把它们放在引号中。

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

而且，似乎对产品的链接元素也使用背景图片，您可能需要将其设置上，而不是li。

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