Jquery Mega Menu Li Hover问题

时间:2012-01-14 04:03:42

标签: jquery html css html-lists

现在这有点难以解释,但我有一个超级菜单,当你将鼠标悬停在产品上时,它会下降并显示大型菜单。现在,当您的鼠标位于菜单中实际存在的链接上,并将其从原始产品链接中取出时,产品按钮将保持悬停状态。但是,在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#

非常感谢!

1 个答案:

答案 0 :(得分:0)

您的选择器错了。你必须用引号括起来。

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

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

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