我的页面上有3个元素,我需要无限制动画。动画确实有效,但问题是内存泄漏。我试过几种方法来解决这个问题,但我没有成功。我的页面可以承受大约3分钟然后打击,当内存使用达到大约100Mb时(我已经使用谷歌Chrome的开发者工具检查了这一点 - 时间轴内存记录)
这是jQuery:
$( document ).ready(function() {
$(".shiner")
.repeat()
.delay(1000)
.animate({'marginLeft': '-100px'}, 1400)
.animate({'marginLeft': '170px' }, 1400)
.delay(1500)
.wait(0);
$("h1")
.repeat()
.animate({'marginLeft': '8px'}, 1000)
.delay(3300)
.animate({'opacity': 0}, 1000)
.animate({'marginLeft': '-300px'}, 0)
.animate({'opacity': 1}, 0)
.wait(0);
$(".slogan")
.repeat()
.animate({'marginRight': '160px'}, 1000)
.delay(3300)
.animate({'opacity': 0}, 1000)
.animate({'marginRight': '0px'}, 0)
.animate({'opacity': 1}, 0)
.wait(0);
});
那么,如何防止内存泄漏?这些功能非常简单,不应该消耗大量的内存,我猜...
PS我使用了jquery-timing插件,以使这个动画无限。