javascript - 在 jQuery 中使用 mouseover 和 mouseout，没有给出预期的输出

Question

我有 2 个 div 元素，我在第一个 div 元素的鼠标悬停时打开第二个 div 元素，并在鼠标移出时关闭它。代码如下。

jQuery('.something').on('mouseover', function() {
  jQuery(jQuery(this).next('div')).slideDown();
})

jQuery('.something').on('mouseout', function() {
  jQuery(jQuery(this).next('div')).slideUp();
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="something" style="background:red; height:200px; width:200px">
</div>
<div class="something1" style="background:#000; height:200px; width:200px; position:absolute; top: 0; display: none;">
</div>

问题是当光标悬停在元素上时，即使移动一点点，它也会执行 mouseover 和 mouseout 事件。

Here is fiddle

Answer 1

您可以使用pointer-events: none;

.something1 {
  pointer-events: none;
}