javascript - jquery悬停缺少一些东西

Question

我需要有关 jquery悬停的帮助。

我创建了这个 demo 来自 codepen.io

在此演示中您可以看到该图像。当您将鼠标悬停在图像上时，将显示 .blur div。如果将鼠标光标拖动到图像上，您会发现有问题。就像闪烁的灯光一样。

我该如何解决这个问题。有人可以帮助我吗？

js

$(document).ready(function() {
   $(".post").hover(
      function() {
         $(".blur").addClass('active');
      },
      function() {
         $(".blur").removeClass('active');
      }
   );
});

Answer 1

当图像显示时，您不再将鼠标悬停在 .post 上，而是将鼠标悬停在 img 上。您可以像这样简单地更改它:

$(".post, .post img")