Question

我正在使用Jquery hover（）来动画div。

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

我试着等待5-10分钟，但记忆没有释放

有人可以给我一些提示来改善这个吗？我是网络开发的新手

<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','');
    });

Answer 1

欢迎使用Stack Overflow！首先，你是否从CSS技巧中检查了这个famous link？

将代码调整为与链接中的Dequeue示例完全相同，您应该没有性能和内存问题。

使用jQuery hover（）方法消耗内存

1 个答案: