菜单父子悬停 - 停止动画 - jquery

Question

我在这里有这个例子：http://jsfiddle.net/QRChv/

我试图设置它，以便当您将鼠标悬停在子列表项上时，其动画将启动，但父级不会调用其.hover()函数。

我不知道是否可以这样做，但有没有办法阻止父母实际使用它的动画。因此，当它的子列表项被悬停时，它实际上什么都不做。

我为每个列表项设置了一堆if语句，试图保持简单。

Answer 1

我已更新您的代码：

http://jsfiddle.net/QRChv/4/

您需要停止事件传播，即从处理程序返回false。

您也可以在.stopPropagation()

上自己致电event object

Answer 2

添加对stopPropagation的调用怎么样？像这样：

http://jsfiddle.net/rcravens/QRChv/9/