jquery - 随着高度的变化，div 上的 Mouseout

Question

我正在使用 jQuery 创建一些自定义选择框，这样我就可以完全按照我想要的方式设置它们的样式。

首先，我使用 CSS 完成了它，但我希望选项在单击时打开，而不是在悬停时打开。选择是具有不同 li 的 ul，第一个是打开选择框之前可见的单个 li。

问题是我必须在菜单上绑定(bind)一个mouseout，但它无法识别overflow:hidden;的移除或高度的变化，使选择框在鼠标移出第一个 li(最初可见的“hitbox”)时关闭。

我在 jsfiddle 中重新创建了一个简单示例:

http://jsfiddle.net/u6mC2/

Answer 1

http://jsfiddle.net/7uw8b/2/

这个 fiddle 能满足您的要求吗？我正在使用 jQuery mouseleave 事件，它在计算鼠标退出时将一些智能应用于文档层次结构。