使用jQuery在垂直多级弹出菜单中出现问题

Question

我正在尝试开发一个垂直的多级弹出菜单。我无法将子项的顶部设置为其父项

LI

的位置。我采取的方法是，我计算子标签各自左侧和顶部位置的

outerwidth of the UL tag and top of parent LI tag

。但好像效果不太好。

如果我使用 CSS 设置 left 和 top，第一个级别看起来不错，但对于其余级别，顶部始终设置为 0。

_pm.child.show().css({left:left-2,top:top-1});

如果我使用

position

函数，所有级别都会显示为非常接近其父级别。

_pm.child.show().position({left:left-2,top:top-1});

出了什么问题？这是小提琴。

Answer 1

通过 mouseleave 更改 mouseout 即可工作:)