Javascript 悬停行为应在覆盖元素上继续

我对的

.hover（）

方法有问题。我在

a

标记中有几个段落用作菜单栏。我打算做的是，如果我将其中一个菜单项悬停，一个新元素将显示在包含子菜单链接的菜单项上。问题是，

.hover（）

立即停止工作

我做了一个简单的测试来说明我的问题

非常感谢您的帮助

编辑：值得一提的是，我还希望单击子链接，因此悬停必须仍然有效。它只有在我离开红色分区时才会停止。

这个怎么样

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

演示小提琴：

这个怎么样

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

演示小提琴：

这个怎么样

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

演示小提琴：

这个怎么样

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

---

演示提琴：

老实说，你没有达到你想要达到的目的。@Alek如果你将

悬停在我的
段落上，
红色的
显示的div应该保持不变，但是正如你所看到的那样，它不起作用。老实说，你没有达到你想要达到的目的。@Alek如果你将
悬停在我的
段落上，
红色的
显示的div应该保持不变，但是正如你所看到的那样，它不起作用。老实说，你没有达到你想要达到的目的。@Alek如果你将
悬停在我的
段落上，
红色的
显示的div应该保持不变，但正如你所看到的，它不起作用。老实说，你没有达到你想要达到的目的。@Alek如果你将
hover me
段悬停在
上，显示的红色div应该保留，但正如你所看到的，它不起作用。你甚至可以使用它来避免空函数。谢谢你，先生，就是这样@约翰：空函数有什么不好的做法吗？你甚至可以用它来避免空函数。谢谢你，先生，就这样@约翰：空函数有什么不好的做法吗？你甚至可以用它来避免空函数。谢谢你，先生，就这样@约翰：空函数有什么不好的做法吗？你甚至可以用它来避免空函数。谢谢你，先生，就这样@John有空函数的错误实践吗？