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

Answer 2

使用stop方法停止闪烁效果

$(this).stop().animate({...

移动div内的div时出现不透明问题

2 个答案:

Demo