类型错误:p.easing[this.easing] 不是函数

IT技术 javascript jquery html
2021-01-12 20:36:48

尝试使用 jQuery 显示 div 元素时,出现此错误:

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

相关功能是这样的:

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();
}

该函数负责显示带有反弹动画的 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>
6个回答

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

我认为可能有一个选项可以只在下载中包含缓动,或者至少只包含基础库和缓动。

哦,我修好了,我在同一个文件中同时包含了 jQuery-min 和 jQuery,那是我的错误。感谢您的帮助:)))
2021-03-13 20:36:48
我从 CDN 中包含了这个文件:<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'></script> 是这个吗?或者我应该包含另一个文件?
2021-03-14 20:36:48
是的,我做了,但总是遇到同样的问题,请查看我的编辑:)
2021-03-23 20:36:48
你是什​​么意思?你怎么修好它的?
2021-03-29 20:36:48
是的,我仍然遇到同样的错误,但我只包含了一个 jquery 源文件。
2021-04-09 20:36:48

对于那些拥有自定义 jQuery UI 构建(例如 bower)的人,添加位于..\jquery-ui\ui\effect.js.

我只需要使用一个效果,所以我可以只使用import "jquery-ui/ui/effects/effect-slide". 谢谢你的提示,蒂姆!
2021-04-12 20:36:48

包括这对我有用。

请在该部分包含下面提到的行。

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

从 1.2 版开始,Jquery 缓动插件重命名了它们的效果函数名称。如果您有一些依赖于缓动的 javascript 并且它没有调用正确的效果名称,它将抛出此错误。

我今天在尝试在 div 上启动幻灯片效果时遇到了这个错误。感谢上面“我讨厌懒惰”的回答(我已经投票赞成),我开始寻找自定义 jQuery UI 脚本,实际上您可以直接在 jQuery ui 网站http://jqueryui上构建自己的文件。 com/下载/您所要做的就是标记您正在寻找的效果,然后下载。

我正在寻找幻灯片效果。因此,我首先取消选中所有复选框,然后单击“幻灯片效果”复选框,然后页面会自动检查使幻灯片效果正常工作所需的其他组件。很简单的。

easeOutBounce 是一种缓动效果,您需要选中“Effects Core”复选框。