jQuery hover（）方法的内存消耗

我正在使用Jquery hover（）设置div的动画

但是当我每次鼠标进出时，使用的内存就越多（查看chrome taskmanager）

我试图等待5-10分钟，但内存没有释放

有人能给我一些改进的建议吗？ 我是网络开发新手

这是样品

你好


$（'.f_i'）。悬停(
函数（）{
var$o=$（this.children（“.overlay”）；
$o.stop（true，true）.animate（{top:+=100%}）；
$（this.children（“.f_c”）.stop（true，true）。动画（{左：“+=100%”），800）；
}
，函数（）{
var$o=$（this.children（“.overlay”）；
$o.stop（true，true）.css（'top'，''）；
$（this）.children（“.f_c”）.stop（true，true）.css（'left'，”）；
});

欢迎使用堆栈溢出！首先，你是否从CSS技巧中检查过这个问题

---

将您的代码调整为与链接中的示例完全相同，这样您就不会出现性能和内存问题。

欢迎使用堆栈溢出！首先，你是否从CSS技巧中检查过这个问题

---

将您的代码调整为与链接中的示例完全相同，这样您就不会出现性能和内存问题。

尝试声明命名函数：谢谢。我试过了，但当我用鼠标输入/输出时，它仍然使用越来越多的内存。我将尝试其他方法。尝试声明命名函数：谢谢。我试过了，但当我用鼠标输入/输出时，它仍然使用越来越多的内存。我会尝试其他方法。

<ul>
    <li>
    <a href="#/" class="f_i">
        <div class="overlay">
            <div class="f_d">2015-11-25T19:40:48Z</div>
        </div>
        <div class="f_c ">
            <span>Best Buy</span>
        </div>
        <div class="img">
        </div>
   </a>
    <div>
        <span class="s">Hello</span>
    </div>
   </li>
</ul>

$('.f_i').hover(
    function(){ 
        var $o=$(this).children(".overlay");
        $o.stop(true,true).animate({top: "+=100%"});
        $(this).children(".f_c").stop(true,true).animate({left: "+=100%"},800);
    }
   ,function(){ 
        var $o=$(this).children(".overlay");
        $o.stop(true,true).css('top','');
        $(this).children(".f_c").stop(true,true).css('left','');
    });