Question

我正在整理一个基于此的菜单：http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/

它适用于我的本地机器，但当我把它放在JSFiddle中时，缓动不起作用。

无效的代码是：

$(document).ready(function () {

 //When mouse rolls over
 $("li").mouseover(function () {
     $(this).stop().animate({
         height: '150px'
     }, {
         queue: false,
         duration: 600,
         easing: 'easeOutBounce'
     });
 });

 //When mouse is removed
 $("li").mouseout(function () {
     $(this).stop().animate({
         height: '50px'
     }, {
         queue: false,
         duration: 600,
         easing: 'easeOutBounce'
     });
 });

 });

http://jsfiddle.net/bdgriffiths/EyFPB/1/

我错过了什么？我添加了缓动插件，据我所知，JQuery也在那里。

当然，我错过了一些傻事......

Answer 1

你实际上并没有链接到缓动插件......如果你实际上去到缓动脚本，你会发现它只包含不要热链接的消息。

/* 
 * Please note: 
 * This is not the easing plugin, for that you need to go to 
 * http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js 
 * Many thanks,
 * George
 */

这不久前在Hacker News上发布了重大新闻。

Answer 2

显示的信息非常清楚。您链接的脚本不允许您进行热链接。这意味着您需要下载缓动js文件并自行托管。

为什么这个jquery缓动样本在JSFiddle中不起作用？

2 个答案: