jQuery缓动问题

Question

我已经设置了一个无序列表，我想应用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>

我从教程中获取了这个脚本，所以本应该可以正常工作。似乎缓动效果没有被传递到脚本中？任何帮助将不胜感激。

- StuBlackett

Answer 1

easeOutElastic 和 easeInBounce 缓动函数由 jQuery UI 插件定义，而不是核心 jQuery 框架定义。

您需要在页面中包含该插件。

- Frédéric Hamidi

---

嗯，我正在引用：<script src="jquery.easing.1.3.js" type="text/javascript"></script> 这是正确的插件吗？ - StuBlackett

@StuBlackett，确实是正确的插件，所以它应该可以工作。您能否将jQuery.easing转储到控制台并检查缓动函数是否已正确注册？ - Frédéric Hamidi

我的FireBug中的网络选项卡显示库已经加载完成。 - StuBlackett

@StuBlackett，也许还有其他东西干扰了那个对象。你加载了其他插件吗？ - Frédéric Hamidi

有一个无冲突脚本，可以防止多个库的加载，我会尝试使用它。 - StuBlackett

Answer 2

你需要包含这样一个缓动库，比如这个: http://gsgd.co.uk/sandbox/jquery/easing/

@Frédéric Hamidi，不需要整个jQuery UI库...

- Capsule

---

嗨，Capsule。我在我的页面中引用了jquery.easing.1.3脚本。 - StuBlackett

在我的页面头部有以下代码： script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script> <script src="jquery.easing.1.3.js" type="text/javascript"></script> - StuBlackett