jquery - 为什么这个 jquery easing 示例在 JSFiddle 中不起作用？

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 文件并自己托管。