如何禁用由子元素触发的mouseout事件?

14 浏览
0 Comments

如何禁用由子元素触发的mouseout事件?

让我详细描述一下问题:

我想在悬停在一个元素上时显示一个绝对定位的div。使用jQuery非常简单,而且效果也不错。但是当鼠标经过其中一个子元素时,会触发包含div的mouseout事件。如何在悬停在子元素上时阻止JavaScript触发包含元素的mouseout事件呢?

使用jQuery,最好且最简洁的方法是什么?

下面是一个简化的示例以说明我的意思:

Html:

悬停在我上面
  测试
  

Javascript/jQuery:

$('a').hover( function() { $(this).next().show() }
              function() { $(this).next().hide() } );

0