Tag: lag

Chrome中的Jquery字体大小动画问题，太滞后了

我开发了一个小脚本，使用Jquery和animate（）函数制作类似于它们的文本。 在IE和FireFox中一切都运行良好但在Chrome上非常滞后，就像它丢失帧一样。 您可以在这里测试并使用代码： http ：//jsbin.com/ehahoc/7/ 非常感谢！

如何防止这个奇怪的jQuery .animate（）滞后？

见demo： jsFiddle 点击“显示”/“取消”时，我有一个简单的表单正在切换 一切正常，但如果您在表单显示后立即点击“取消”，则在动画开始之前有2-3秒的延迟 。 如果您在单击“取消”之前等待几秒钟，则不会发生这种情况。 在所有测试的浏览器中都会出现滞后（即ff，chrome）。 1.什么可能导致这种滞后，如何预防？ 2.有没有更好的方法来编码这一系列的动画，这可能会阻止任何滞后？ HTML ： title form! Cancel show jQuery的： $(“#newResForm”).css({opacity: 0}); $(“#addRes”).click(function () { toggleNewRes() }); $(“#cancelNewRes”).click(function () { toggleNewRes() }); //toggleNewRes function toggleNewRes() { if ($(“#newResFormWrap”).css(‘display’) == “none”) {//if hidden $(“#addRes”).animate({ opacity: 0 }, ‘fast’, function() { $(“#newResFormWrap”).toggle(‘fast’, function (){ $(“#newResForm”).animate({ opacity: 100 },2000); }); }); } […]