我喜欢我的菜单在:hover
上交互。
代码如下:
$('#menu img').hover(function (){
$(this).removeClass();
$(this).addClass('menuon');
return false;
}, function(){
$(this).removeClass();
$(this).addClass('menuoff');
return false;
});
这段代码工作正常,但副作用是当 menuon 状态结束时,它会丢失它的类并关闭。
你能处理好吗...我喜欢开着的状态一直开着!
这里是the working page
3条答案
按热度按时间ni65a41a1#
您可以通过从悬停事件中删除当前菜单项来执行任何操作:
但是您将当前菜单项样式与悬停样式混合在一起,我认为这会使用户感到困惑。
如果您只使用javascript应用悬停样式,并添加一个currentMenu类,使当前菜单项的样式与menuon样式略有不同,那么看起来可能会更好。
bq8i3lrv2#
如果你检查dom,你会发现menuoff和menuon都被添加了,你应该显式地删除这两个类:
dz6r00yl3#
就像meder说的,你需要指定要删除的类。我不会有一个关闭状态的替代类。你所需要的只是: