2012-09-25 262 views
66

当试图以显示与jQuery的一个div元素,我得到这个错误:类型错误:p.easing [this.easing]是不是一个函数

[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> 
+0

请出示格。 – NoNameZ

回答

90

您需要包括jQueryUI的用于扩展的宽松选项。

我想可能有一个选项只包括在下载中的缓动,或者至少只是基础库加上缓动。

+2

我包含CDN中的这个文件:''这是这个吗?一个?或者我应该包含另一个文件? – Malloc

+0

@Malloc你需要包括jQuery和它之后jquery-ui – NoNameZ

+1

是的,我做过,但总是得到同样的问题,请看看我的编辑:) – Malloc

9

Jquery easing插件将它们的效果函数名称从1.2版改名为。如果你有一些javascript取决于缓动,并且它没有调用正确的效果名称,它会抛出这个错误。

+2

在此处查看旧名称和新等价物的列表: http://www.jqueryrain.com/?HqpgDqbN –

8

对于那些拥有自定义jQuery UI构建(例如,bower)的用户,请添加位于..\jquery-ui\ui\effect.js中的效果内核。

3

今天我得到这个错误,同时试图启动一个div的幻灯片效果。感谢上面提到的'我讨厌懒惰'(我已经提出)的答案,我去寻找一个自定义的jQuery UI脚本,并且实际上可以直接在jQuery ui网站http://jqueryui.com/download/上构建自己的文件。你所要做的就是标出你要找的效果,然后下载。

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

easeOutBounce是一种缓动效果,您需要检查'效果核心'复选框。

3

如果您使用的是Bootstrap,Bootstrap的jQuery(如果包含在您的jQuery脚本标记下)也可能会用另一个版本覆盖您的jQuery脚本标记。包括jQuery自己的CDN并删除Bootstrap提供的jQuery脚本标记是唯一对我有用的东西。

5

包括这为我工作。

请在下面的章节中提到这一行。

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

相关问题