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 事件。当鼠标悬停在 child 对象上时，他们不会再次被调用。