Javascript,jquery错误TypeError:$(...)。autocomplete不是一个函数

时间:2014-11-24 12:42:44

标签: javascript jquery

我已经查看了与上述类似的问题,但没有人提供帮助。

这是我的脚本

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="network.json"></script>
    <script type='text/javascript' src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>
    <link type="text/css" href="http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css" rel="stylesheet" />

<body>      
        <link href="ajs_network1.css" rel="stylesheet" type="text/css" />
        <script src="ajs_network1.js" type="text/javascript"></script>

    </body>

这是试图调用JQuery的函数

$(function () {
    $("#search").autocomplete({
        source: optArray
    });
});

出于某种原因导致错误

TypeError: $(...).autocomplete is not a function.

我猜我的脚本做错了吗?

3 个答案:

答案 0 :(得分:6)

  

只需添加此链接参考我的问题就解决了

<script async src="//code.jquery.com/ui/1.10.1/jquery-ui.min.js"></script>

答案 1 :(得分:2)

尝试将这些链接添加到您的代码中,因为您缺少这些链接

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

答案 2 :(得分:-1)

我使用的链接是正确的。但是因为我在网上检索链接,所以我一开始并没有输入http。所以链接现在是:

<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.2/themes/smoothness/jquery-ui.css" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>‌​

此外,当我复制链接时,由于某种原因存在隐藏的字符,因此链接无法正常工作。使用此功能时,请确保您的浏览器正在检索链接。 FireBug帮助我解决这个问题。点击“net”,它会告诉您浏览器导入的脚本。

谢谢所有帮助过的人:)