Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery幻灯片没有';你看起来不顺利吗?_Javascript_Jquery - Fatal编程技术网

Javascript JQuery幻灯片没有';你看起来不顺利吗?

Javascript JQuery幻灯片没有';你看起来不顺利吗?,javascript,jquery,Javascript,Jquery,也许是因为我的电脑很旧,速度也很慢,但是JQuery的幻灯片看起来不是很流畅。如果页面上的元素不多也可以,但即使嵌入了一个youtube视频,也会变得迟钝 我的代码非常简单 $('#mainmenu-cats').click(function(){ $('#main-categories').slideToggle(400, 'swing'); return false; }); 有没有办法让JQuery变得更平滑?简单的回答是:JQuery的动画不如MooTools那样平

也许是因为我的电脑很旧,速度也很慢,但是JQuery的幻灯片看起来不是很流畅。如果页面上的元素不多也可以,但即使嵌入了一个youtube视频,也会变得迟钝

我的代码非常简单

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

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

    return false;
});

有没有办法让JQuery变得更平滑?

简单的回答是:JQuery的动画不如MooTools那样平滑。你的代码没有问题,在某些浏览器中(Firefox就是因为它而臭名昭著),动画会很不稳定


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

谢谢您的建议。CSS动画是一个很好的开始学习的东西,但由于IE总是要赶上,我会等待。我听说过MooTools,但从未使用过。你以前用过吗?它与jquery相比如何?MooTools和jquery是不同的野兽,目标有所不同。如果您最关心的是平滑动画,我会说这是一个值得研究的问题。但是,jQuery在越来越多的网站上使用。再次感谢。我想我至少要看看MooTools