2014-11-24 89 views
3

我环顾了类似上面的问题,并没有一个帮助。

这里是我的脚本

<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

您需要添加的jQuery UI库'<链接相对= “样式的” href =“// ajax.googleapis.com/ajax/libs/ jqueryui/1.11.2/themes/smoothness/jquery-ui.css“/> \t ' – Satpal 2014-11-24 12:43:35

+1

在头标顶部加载jquery – 2014-11-24 12:44:15

+1

与Satpal同意autocomplete是jQueryUI的插件,因此在jQuery lib之后包含此库。 – Jai 2014-11-24 12:45:39

回答

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

出于某种原因此外,还有被隐藏字符,当我复制这样的链接wasnt工作的链接。在使用此功能时,请确保您的浏览器正在检索链接。 FireBug帮助我。点击“网络”,它会告诉你浏览器正在导入哪些脚本。

三江源所有帮助:)

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

by just adding this link reference my issue was resolved

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