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脚本标记是唯一对我有用的东西。