jquery - 在 div 内移动 div 时出现 css 不透明度问题

Question

我有一个不透明度为 0 的 div。现在，当我将鼠标悬停在它上面时，不透明度会更改为 1。(众所周知的 jquery 内容，我不会在此处粘贴)。我将文本放入该 div 中，一切正常。但是，每当我将该文本放入 div 中或基本上放入任何内容中时，它都会将不透明度更改回 0，然后再次更改为 1。

这很烦人，但如果我只是在它上面来回移动鼠标，它就会开始闪烁，等等。我该如何解决这个问题？

不透明度的代码是这样的:

$(document).ready(function() {
    $(".jshover").mouseover(function() {
        $(this).animate({
            opacity: 1
        }, 300);
    }).mouseout(function() {
        $(this).animate({
            opacity: 0
        }, 300)
    });
});

div的代码是:

<div id="ww11">
  <div id="ww11o" class="jshover">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit,
  sed do eiusmod tempor incididunt.
  <b>More...</b>
  </div>
</div>

Answer 1

使用 mouseenter 和 mouseleave 事件。当鼠标悬停在子对象上时，它们不会再次被调用。