Jquery ui错误“undefined不是函数”

时间:2014-09-03 10:14:51

标签: javascript jquery html ajax jquery-ui

我正在使用jquery ui。代码托管在Here

打开控制台时,可以看到错误" undefined is not a function"。

我无法找到相同的原因。我们在本地机器(即localhost)中尝试了相同的代码,没有任何其他主题,并且它工作正常。

我们已经包含以下内容

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>

我正在使用基于节点js构建的ghost博客平台。正在使用的主题是casper。 将会感谢任何帮助或指向我所面临的这个问题。

再次感谢,

Mebin

3 个答案:

答案 0 :(得分:2)

@Regent,在评论中指出了问题,src =“/ public / jquery.js?v = b9f058cf2f”&gt;在页脚中引起了问题。

答案 1 :(得分:1)

我认为in your Page具有以下代码。但是没有导入Jquery库。

<script>
  $(function() {
    $ ( "#tabs" ).tabs();
  });
</script>

这些链接已被破坏:实际上它没有导入脚本

<script src="http://www.ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <link rel="stylesheet" href="http://www.ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />
<script src="http://www.ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>  

Click to check your likn of jquery.min.js

Click to to check your likn of jquery-ui.css

Click to to check your likn of jquery-ui.min.js

Click on the Highlighted link in the Console

修改您的src cdn网络链接,如下所示:删除http://www.并放置``

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script> 

答案 2 :(得分:-1)

您的<script>

中有一项功能
$(function() {
$ ( "#tabs" ).tabs(); //console shows you have error on this line
});

尝试将其放入document.ready()

$(document).ready(function(){
$ ( "#tabs" ).tabs();
});

此外,您的代码位于<head>标记之外。尝试将其放在<head>标记内。