Question

希望你的人会好起来的。这是我的基本代码：

在这个演示中你可以看到当我们将id悬停在id为“容器”的div上时，一个带有class =“nav”的div淡入。但问题是这样做之后如果我在div上使用class =“nav “div逐渐消失，如果我将光标稍微移动到.nav div中，它会反复重复此行为。当我们将鼠标悬停在此div中的.nav div或mover光标时，我不想这种行为。

谢谢，抱歉我的英语不好。

Answer 1

尝试

$(document).ready(function(){ 

   $("#containerNav").hover(
   function() { $('.nav').stop(true, true).fadeIn(); },
   function() { $('.nav').stop(true, true).fadeOut(); }
   );
   });

取自http://api.jquery.com/stop/

我更改了标记以添加一个包含div，这会停止调用鼠标。

<div id="containerNav">
    <div class="nav"><a class="prev" href="#">Prev</a> <a class="next" href="#">Next</a>  </div>
    <div id="container">
        Some Content in Container
    </div>
</div>

现在，当您将鼠标悬停在控件上时，不会进行导致眨眼的鼠标左键。

http://jsfiddle.net/kr9pY/9/

Jquery Hover闪烁问题

1 个答案: