Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 快速移动光标时Jquery悬停问题_Javascript_Jquery_Html - Fatal编程技术网

Javascript 快速移动光标时Jquery悬停问题

Javascript 快速移动光标时Jquery悬停问题,javascript,jquery,html,Javascript,Jquery,Html,我的Jquery悬停效果有两个问题 如果你真的很快(几次)鼠标进出,即使鼠标不再在包含的DIV中,它也会保持鼠标悬停的效果 我需要的东西,如如果(背景是可见的&鼠标不在div元素),然后播放鼠标出动画。(重置盖徽标) 同样的问题与鼠标在鼠标的效果盖标志有时不会反弹回原来的位置,其他时候它会。只有当光标移动得非常快时,才会发生这种情况 我已更改为使用最新的jQuery库,并将反弹动画更改为简单的淡入淡出。。。而且它似乎如预期的那样起作用 我想你的反弹效果(由jQuery UI提供)可能是在某种程度

我的Jquery悬停效果有两个问题

  • 如果你真的很快(几次)鼠标进出,即使鼠标不再在包含的DIV中,它也会保持鼠标悬停的效果
  • 我需要的东西,如如果(背景是可见的&鼠标不在div元素),然后播放鼠标出动画。(重置盖徽标)

  • 同样的问题与鼠标在鼠标的效果盖标志有时不会反弹回原来的位置,其他时候它会。只有当光标移动得非常快时,才会发生这种情况
  • 我已更改为使用最新的jQuery库,并将反弹动画更改为简单的淡入淡出。。。而且它似乎如预期的那样起作用

    我想你的反弹效果(由jQuery UI提供)可能是在某种程度上妨碍正确停止的罪魁祸首。

    鼠标事件处理程序外部的延迟动画
    如果需要,请使用简单的转换,如果可能,请将动画从延迟执行的事件处理程序中移出,以便快速悬停不会触发任何转换动画。这可能是确保正确处理和记录所有鼠标事件的最佳方法。

    动画队列可能有问题。 检查jQuery的stop方法。官方文档中的示例将对您有所帮助

    正如文档所建议的,可能需要将jQuery版本更新到>1.7。 如果无法使用更新的jQuery版本,并且正在更改不透明度,则必须将不透明度设置为0/1,而不是使用fadeIn淡出。例:

    $el.bind('mouseenter',function(){
        $(this).stop().animate({
            opacity: 1
        });
    }).bind('mouseleave',function(){
        $(this).stop().animate({
            opacity: 0
        });
    

    Opera 12.02浏览器没有问题,您测试了哪种浏览器?是否尝试过$(“.home_logo3 li”)。悬停(mouseOverMe3,mouseOutMe3);Miha因为hover只是mouseenter和mouseleave的包装,我怀疑这会解决问题。你确定所有这些效果都是为了体验吗?它们通常是分散注意力而不是增强。当你开发它的时候,它可能看起来很好,很漂亮,但是用户通常会为此而烦恼。将您的Javascript功能更改为CSS转换,您将不会遇到与鼠标事件和长时间(er)运行功能相关的任何问题,因此在同一线程上相互竞争并超越…@RobertKoritnik是的,我更愿意使用CSS转换,但IE不支持它们,除非是IE 10。Jquery是一个更加一致的解决方案,至少现在是这样。是的,我想这真的只是“反弹”方法的问题,它阻止了我今晚再把头撞到墙上,谢谢!