Question

Jquery ui 错误“未定义不是一个函数”

2014-09-03

1700

javascript jquery html ajax jquery-ui

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

打开控制台时，可以看到错误“ undefined is not a function ”。

我找不到原因。我们在本地机器（即 localhost）上尝试了相同的代码，没有任何其他主题，并且运行良好。

我们包含的以下 js

<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>

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

再次感谢，

Mebin

Answer 1

@Regent，在评论中指出了这个问题，页脚中的 src="/public/jquery.js?v=b9f058cf2f"> 导致了问题。

Mebin

2014-09-03

Answer 2

我认为您的页面中包含以下代码。但是没有导入 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>

单击以检查您对 jquery.min.js 的喜好

单击以检查您对 jquery-ui.css 的喜好

点击检查您是否喜欢 jquery-ui.min.js

单击控制台中突出显示的链接

修改您的 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>

Answer 3

您的 <script> 中有一个函数。

$(function() {
$ ( "#tabs" ).tabs(); //console shows you have error on this line
});

请尝试将其放在 document.ready()

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

另外，您的代码位于 <head> 标签之外。请尝试将其放在 <head> 标签内。