javascript - 悬停行为应在覆盖的元素上继续

Question

我对jQuery有疑问的 .hover() 方法。我在 a 标签内有几个段落，我将其用作菜单栏。我打算做的是，如果我将鼠标悬停在这些菜单链接之一上，则会在菜单链接上显示一个新元素，其中包含指向子菜单链接的链接。问题是，.hover() 立即停止工作。

我做了一个简单的FIDDLE显示我的问题。

非常感谢任何帮助。

编辑:值得一提的是，我还希望单击子链接，因此悬停必须仍然有效。仅当我离开 red div 时它才会停止。

Answer 1

这个怎么样？

$('p').hover(function() { $('div').fadeIn(); }, function() {  });
$('div').hover(function() { }, function() { $('div').fadeOut(); });

演示 fiddle :http://jsfiddle.net/lparcerisa/1urs0wfr/2/