jQuery：如果元素有子元素，mouseover事件会出现问题

我有以下内容：

<div id="#block-block-1">
    <p>KAREN LANCEL:<br>
lancel(at)xs4all.nl<br>
phone 0031 (0)624873424</p>
<p>HERMEN MAAT:<br>
maat(at)xs4all.nl<br>
phone 0031 (0)628536885</p>
</div>

这里的问题是，当鼠标位于我的div中的子元素上时，会触发“mouseout”事件。即使鼠标仍在其中，父元素也会消失。

将为您解决此问题

PPK有一些关于实际发生的事情以及为什么mouseout没有做你认为它应该做的事情：从技术上讲，当你将鼠标移到它的子对象上时，你正在将鼠标移出图层，这在概念上有点奇怪

$('#block-block-1').mouseout(function() {
        $(this).css("display","none");
    });