24

当我查看控制台时，出现以下错误：

jQuery.easing[jQuery.easing.def] is not a function

我正在尝试在 WordPress 上制作一个滑块。我正在本地主机上工作，所以我无法准确显示发生了什么。但是，当滑块只是在 WordPress 之外的 HTML 文件中时，它可以工作。在 WordPress 中，它给了我这个错误。任何洞察问题可能是什么将不胜感激。

4

9 回答 9

54

为大家节省一些时间。打开您的 Jquery 缓动插件文件并将代码包装在里面：

$(document).ready(function() {
  Code goes here...
});
于 2013-05-04T02:44:15.657 回答
25

请检查您是否多次加载 jQuery。如果您已手动插入页脚，请尝试将其删除。

于 2012-09-20T16:13:35.660 回答
21

问题是

swing: function (x, t, b, c, d) {
    return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
}

此函数中的 jQuery 不能等同于jQuery.extend( jQuery.easing,已应用的 jQuery。

  1. 替换jQuery为$

  2. 包装代码

    (function($, undefined) {
  ...
}) (jQuery);
于 2014-10-02T14:06:16.017 回答
7

did you import the jQuery easing plugin? something like 

  <script src="http://code.jquery.com/jquery.min.js"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

in your page?

于 2012-07-18T02:03:05.160 回答
5 
if(typeof jQuery.easing[jQuery.easing.def] == 'function'){
    return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
}

在 easing.js 上的 swing() 函数上尝试此代码

于 2015-09-15T10:25:50.443 回答
4

在使用插件或使用 document.ready 之前将 jquery.easing.1.3.js 放到 head 标签中

于 2013-07-17T06:31:42.117 回答
3

不要在 header 上声明脚本，当文档完全加载时通过 jQuery 的 .getScript() 函数调用它。

例子：

<script>
$( document ).ready(function() {
    $.getScript('path_to_script/easing_script_name.js');
});
</script>

该错误是由于在缓动脚本完全加载之前调用了 jQuery。

于 2015-11-17T03:51:17.587 回答
2

您是否正在导入 jQuery 缓动插件？或者任何高于 1.7.2 的版本？

然后删除它并使用它：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
于 2014-01-23T12:15:12.303 回答
0

如果您在 jQuery 或 jQuery UI 调用之前调用 WordPress 滑块插件的 javascript，则可能会发生这种情况。

是这样解决的吗？

<script type="text/javascript"
        src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript"
        src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
    <script type="text/javascript"
        src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="/wordpress-slider-plugin.js"></script>
于 2018-10-08T09:56:21.667 回答