Jquery悬停闪烁问题

发布于 2024-10-11 07:58:02 字数 358 浏览 1 评论 0原文

希望你们一切都好。这是我的基本代码：

在这个演示中，您可以看到，当我们将鼠标悬停在 id="container" 的 div 上时，class="nav" 的 div 会淡入。但问题是，执行此操作后，如果我将鼠标悬停在 class="nav" 的 div 上，div 就会淡出并淡入再次，如果我在 .nav div 内稍微移动光标，它会反复重复此行为。当我们将鼠标悬停在 .nav div 或该 div 内的移动光标上时，我不希望出现这种行为。

谢谢，并对我的英语不好感到抱歉。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

姜生凉生 2024-10-18 07:58:02

尝试

$(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/

Try

$(document).ready(function(){ 

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

Taken from http://api.jquery.com/stop/

I changed the markup to add a containing div as well which stops a mouse leave being called.

<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>

Now when you hover over the controls your not doing a mouseleave which causes the blink.

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

回复收藏 0 原文

~没有更多了~