我有一个无序列表设置,我想应用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>
我从教程中获取了这个脚本,所以本来希望它可以工作。似乎缓和不是从页面传递到脚本?
任何帮助表示感谢。
答案 0 :(得分:4)
easeOutElastic
和easeInBounce
缓动函数由jQuery UI插件定义,而不是由核心jQuery框架定义。
您必须在页面中加入该插件。
答案 1 :(得分:2)
你必须包含一个像这样的缓动库: http://gsgd.co.uk/sandbox/jquery/easing/
@FrédéricHamidi不需要那里的整个jQuery UI ......