防止将鼠标悬停在同级上

Question

我有这个DOM：

<div class="container">
  <img src="" />
  <div class="nav">
    <div class="left"></div>
    <div class="right"></div>
  </div>
</div>

现在，我创建此jquery函数：

$('img').mouseover(function(){ 
  $('img').css('width', 'auto');
}

但是，如果我将鼠标悬停在div导航上，它将停止工作。如何防止这种行为？谢谢。

Answer 1

之所以会发生这种现象，是因为您将鼠标悬停在Kernel.theta上之后，鼠标不再悬停在div上。

因此，不要将img函数绑定到图像，而是将其绑定到.mouseover。 然后使用jQuery的div函数查找图像。

.find()

Answer 2

您可以给div样式：pointer-events: none