多子菜单在jquery中无法正常工作

时间:2012-10-17 17:53:31

标签: jquery css3

创建了一个包含多子菜单的菜单,但是现在子菜单和子菜单没有正确隐藏,任何人都可以帮忙。当我鼠标悬停在显示子菜单的一个列表上但当我在那个或子多边框上鼠标输出时,这必须隐藏。

现在我的逻辑需要创建子菜单

Fiddle link here

提前致谢

2 个答案:

答案 0 :(得分:1)

如果您愿意使用插件,请考虑使用jdMenu或类似的jQuery插件:http://jdsharp.us/jQuery/plugins/jdMenu/

如果没有,请调整代码,以便在将鼠标移出关联的.submenu2后隐藏.submenu

$('.submenu').mouseout(function () {
  $('.submenu2').hide(); 
  $('.submenu').hide(); 
});

如果你这样做,也要调整你的CSS,这样用户就可以导航到.submenu2,而不会触发mouseout上的.submenu事件,这会隐藏.submenu2他们的$('.submenu2').hide()重新尝试导航到。

对您的小提琴进行了少量修改(添加了.submenu2并调整了{{1}}的CSS),请访问:http://jsfiddle.net/Palpatim/RHVDT/21/

答案 1 :(得分:1)

我有点糊涂了,从我过去所做的这就是我想出来的

http://jsfiddle.net/Mutmatt/RHVDT/31/

:)