JQuery幻灯片似乎不顺畅？

Question

也许是因为我的电脑很老很慢，但是JQuery的幻灯片似乎并不是很顺利。如果页面上的元素不多，那就没问题，但即使嵌入了一个YouTube视频也会变得迟钝。

我的代码很简单

$('#mainmenu-cats').click(function(){

    $('#main-categories').slideToggle(400, 'swing');

    return false;
});

有没有办法让JQuery更流畅？

Answer 1

简短的回答：jQuery的动画并不像MooTools那样流畅。您的代码没有任何问题，在某些浏览器中（Firefox因此而臭名昭着）动画只会生涩。

一个面向未来的解决方案是开始研究用CSS动画替换这些动画。它们在许多情况下都是硬件加速的，并且可以提供更流畅的体验。然后，如果浏览器不支持动画，您可以回退到jQuery动画（您可以使用Modernizr来检测它）。