TypeError: p.easing[this.easing] 不是一个函数

当尝试使用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>

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

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

对于那些拥有自定义 jQuery UI 构建（例如 bower）的用户，添加位于 ..jquery-uiuieffect.js 中的效果核心。

包括这对我有用。

请在本节中包含下面提到的行。

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

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

我今天在尝试在div 上启动幻灯片效果时收到此错误。感谢上面"我讨厌懒惰"的答案（我已经投了赞成票），我去寻找一个自定义的jQuery UI脚本，你实际上可以直接在jQuery UI网站 http://jqueryui.com/download/上构建自己的文件。您所要做的就是标记您正在寻找的效果，然后下载。

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

easeOutBounce是一种缓和效果，您需要选中"效果核心"复选框。

如果你使用的是 Bootstrap，那么 Bootstrap 的 jQuery（如果包含在 jQuery 脚本标签

下面）也有可能用另一个版本覆盖你的 jQuery 脚本标签。包括jQuery自己的CDN和删除Bootstrap提供的jQuery脚本标签是唯一对我有用的事情。

导入

jquery.easing cdn 对我有用。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>

您可以添加网页底部的此底部。

对于遇到此错误并且您尝试更新版本并确保存在效果核心等但仍然挠头的人。查看 animate（）和其他语法的文档。

我所做的只是写"线性"而不是"线性"，并得到[this.easing]不是一个函数

$（"#main"）.animate（{ scrollLeft： '187px'}， 'slow'， 'Linear'）; 坏

$（"#main"）.animate（{ scrollLeft： '187px'}， 'slow'， 'linear'）; 好

我发现了一件非常奇怪的事情，但重要的是要知道：当你安装jQuery UI（1.12.1）时，很多缓动工作，例如：

jQuery('#my-elm').animate({marginLeft:500},1000,'linear');
jQuery('#my-elm').animate({marginLeft:500},1000,'easeOutBounce');

有效，但默认值：

jQuery('#my-elm').animate({marginLeft:500},1000,'swipe');

生成非常多的错误

我发现了问题：不要使用CDN（这导致了问题！），而是将jquery文件本地保存在服务器上，然后问题就消失了。

将

最新的一个用于引导程序 4 及更高版本，这不会影响您的 UI

就我而言，这是 js 代码中的一个错误。一旦我修复了它，错误就消失了。错误是这样的。

$("#id").removeClass("class-1","class-2","class-3");

显然，这不是一次删除多个类的方法。

相关内容

最新更新

热门标签：