jQuery缓解问题

时间:2011-02-04 10:46:00

标签: javascript jquery

我有一个无序列表设置,我想应用jQuery中使用的简单弹性属性。运行脚本时,我不断收到JavaScript错误:

  

错误:D.easing [this.options.easing || (D.easing.swing?“swing”:“linear”)]不是一个函数   源文件:jquery-pack.js?1296815924

Java正在运行,但它没有创建所需的效果。我的jQuery代码是:

 <script type="text/javascript">
$(document).ready(function(){

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

$("li").mouseout(function(){
$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: "easeInBounce"})
});

     }); 
</script>

我从教程中获取了这个脚本,所以本来希望它可以工作。似乎缓和不是从页面传递到脚本?

任何帮助表示感谢。

2 个答案:

答案 0 :(得分:4)

easeOutElasticeaseInBounce缓动函数由jQuery UI插件定义,而不是由核心jQuery框架定义。

您必须在页面中加入该插件。

答案 1 :(得分:2)

你必须包含一个像这样的缓动库: http://gsgd.co.uk/sandbox/jquery/easing/

@FrédéricHamidi不需要那里的整个jQuery UI ......