TypeError: v.easing[this.easing] 不是函数答案

【问题标题】：TypeError: v.easing[this.easing] is not a functionTypeError: v.easing[this.easing] 不是函数
【发布时间】：2013-08-08 13:01:09
【问题描述】：

大家好，我在我的 wordpress 站点中为通知栏制作了缓动效果，但是每当我单击按钮时，我都会收到 TypeError 错误。 TypeError: v.easing[this.easing] 不是函数这是我现在使用的脚本

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

在以前我这样调用脚本

 <script src="<?php echo site_url(); ?>/wp-includes/js/jquery/jquery.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

这是我所面对的截图。

任何建议都会很棒。我提供直播link

【问题讨论】：

就像它说的那样，v.easing[this.easing] 不是一个函数，alert(typeof v.easing[this.easing]) 和 alert(this.Easing)（或 console.log 而不是 alert）。
也许应该是$.easing 或jQuery.easing。
我从 wordpress 的 wp-includes 加载 jquery 库。
您的网页中有两个版本的 jQuery
@vicky 它们是一样的，但你应该只包含它一次。第二个 jQuery <script> 覆盖了第一个 jQuery 和 jQuery UI <script> 所做的一切。这就是你失去 jQuery UI 的缓动扩展的原因。

标签： javascript jquery wordpress jquery-ui

【解决方案1】：

您的网页中有两个 jQuery 文件副本，删除一个包含，它将开始工作。我在我的系统中检查了它。

删除行号 200 -

script type='text/javascript' src='http://techstumbling.com/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script>

会起作用的。

解释 -

您已按以下顺序包含 jQuery 文件 -

jQuery - 创建了 $ 并向 $ 添加了一些属性
jQuery Ui - 为 $ 添加了更多属性
jQuery - 创建 $ 并覆盖 $ 中的 jQuery UI 特定属性

【讨论】：

【解决方案2】：

根据@Moazzam Khan 接受的回答。我在使用 jQuery 1.8.3 时遇到了同样的问题，但我很确定 我只包含了一次 jQuery。在尝试之后我发现我必须包括 jQuery-UI 以及。比问题消失了。希望这可以帮助像我一样遇到同样问题的人。

【讨论】：

【解决方案3】：

问题是因为在jQuery 1.9版本之后命名的缓动效果发生了变化。

解决方案链接： Solution

这是所有新缓动及其名称的列表： http://api.jqueryui.com/easings/

【讨论】：

虽然这在理论上可以回答问题，it would be preferable 在这里包含答案的基本部分，并提供链接以供参考。

【解决方案4】：

我认为指出了大问题，您包括两次 JQuery。但这本身并不是什么大问题。

最大的问题是你有一个包含 JQuery AFTER 包括 JQuery-UI。

包含 JQuery 很可能会取消 Jquery-ui 在您包含它时设置的某些内容。它可以解释为什么找不到您的动画选项。

【讨论】：