TypeError:p.easing 不是函数

当试图用jQuery显示一个div元素时,我得到这个错误:

[23:50:35.971] TypeError: p.easing[this.easing] is not a function @ file:///D:/html5%20puzzle/jquery.js:2 

相关的function是这样的:

 function showWithAnimation(){ console.log('animation called'); $('#popup').show(); $("#popup").css({"top": "30%", "left": "30%"}) .animate({top:(($(window).height()/2)-($('#popup') .outerHeight()/2))-70}, 1000, 'easeOutBounce') .show(); } 

该function负责显示具有反弹animation的div,但div显示,但没有反弹效果。

编辑:

我从这样的CDN包括jQuery和jQueryUI库(按顺序):

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script> <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'> </script> 

您需要为扩展的缓动选项包含jQueryUI。

我认为可能有一个选项只包括在下载caching,或者至less只是基本库加宽松。

Jquery easing插件从版本1.2开始重命名了它们的效果函数名。 如果你有一些JavaScript取决于缓动,并没有调用正确的效果名称,它会抛出这个错误。

对于那些有自定义的jQuery UI构build(例如bower)的用户,添加位于..\jquery-ui\ui\effect.js的效果核心。

包括这对我工作。

请在下面的章节中提到这一行。

 <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'> 

今天我得到这个错误,同时尝试启动一个div的幻灯片效果。 感谢上面(我已经提出)“我讨厌懒惰”的答案,我去寻找一个自定义的jQuery UI脚本,并且实际上可以直接在jQuery ui网站http:// jqueryui上构build自己的文件。 com / download / 。 所有你需要做的是标记你正在寻找的效果,然后下载。

我正在寻找幻灯片的效果。 所以我首先取消选中所有checkbox,然后点击“幻灯片效果”checkbox,然后页面会自动检查使幻灯片效果起作用的必要组件。 很简单。

easeOutBounce是一个缓和的效果,你需要检查'Effects Core'checkbox。

如果你使用的是Bootstrap,Bootstrap的jQuery(如果包含在你的jQuery脚本标签下面的话)会覆盖你的jQuery脚本标签。 包括jQuery自己的CDN和删除Bootstrap提供的jQuery脚本标记是唯一对我有用的东西。