代码之家  ›  专栏  ›  技术社区  ›  Brad

jquery悬停效果问题

  •  2
  • Brad  · 技术社区  · 15 年前

    我创建了一个简单的jquery脚本,在某些链接上具有悬停效果。正如您在这里看到的,脚本工作正常: Test Sample …(请在IE以外的任何浏览器上测试)

    但如果我盘旋 快速的 在链接上,您会注意到图像图标不会根据需要消失。我已经尽力解决了这个问题,但找不到合适的解决方案。

    现在的问题是: 如何确保鼠标悬停效果在鼠标悬停效果完成后应用?

    2 回复  |  直到 15 年前
        1
  •  2
  •   Alex Bagnolini    15 年前

    你需要申请 stop() 到已设置动画的元素。 试试这个:

    function hide_frame() {
       var hoveredLang = $(this).parent();              
       hoveredLang
          .find('.language-name').stop(true, true)
          .find('.download-img').stop(true, true)
          .find('.info-img').stop(true, true);
       //eccetera...
    
        2
  •  2
  •   o.k.w    15 年前

    由于动画效果还有一段时间要完成,因此需要处理动画期间发生悬停/取消悬停的情况。

    我使用jQuery stop 功能( http://docs.jquery.com/Effects/stop )

    如。

    $(“选择器”).stop(true,true).youreffect(….);

    试一试。