簡單的jquery自動完成輸入框不工作

-1

我想在輸入文本框上實現自動完成功能。我已經複製了所有的代碼，它似乎不工作。這是從jquery網站相同的代碼（自動完成的例子）任何幫助？簡單的jquery自動完成輸入框不工作

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Autocomplete - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script> 
    $(function() { 
    var availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ]; 
    $("#tags").autocomplete({ 
     source: availableTags 
    }); 
    }); 
    </script> 
</head> 
<body> 

<div class="ui-widget"> 
    <label for="tags">Tags: </label> 
    <input id="tags"> 
</div> 


</body> 
</html>

//控制檯錯誤

Failed to load resource: net::ERR_FILE_NOT_FOUND file://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css 
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/resources/demos/style.css 
Failed to load resource: net::ERR_FILE_NOT_FOUND file://code.jquery.com/ui/1.10.4/jquery-ui.js 
Failed to load resource: net::ERR_FILE_NOT_FOUND file://code.jquery.com/jquery-1.10.2.js 
Uncaught ReferenceError: $ is not defined /C:/Users/Saad/Desktop/tHome.html:11

任何幫助嗎？

來源

2014-06-23 Saad Abdullah

您的代碼工作在這裏罰款http://jsfiddle.net/j08691/xU3UP/。你檢查控制檯是否有錯誤？ – j08691

jquery librarary的檢查路徑 –

這裏也可以工作 - > http://jsfiddle.net/eHr74/ – davidkonrad

改變這種

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

此

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

問題是你正在測試在本地，你需要在開始添加HTTP爲它工作

來源

2014-06-23 13:20:46 DelGiudice

很好...現在正在工作...現在沒有控制檯錯誤。爲什麼http導致文件加載失敗？ –

如果您不添加http：部分，瀏覽器將使用您當前使用的協議，並且由於您在本地測試它會查找file：//並且code.jquery.com不在您的文件中系統 – DelGiudice

<script src=" HTTP: //code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

或者您刪除http：因爲StackOverflow？

來源

2014-06-23 13:18:04 StrawHara

爲什麼-1？我的回答很好......「RR_FILE_NOT_FOUND file：//code.jquery.com/...」 – StrawHara

我不知道是誰給了你-1票，但你的回答是正確的。 –

簡單的jquery自動完成輸入框不工作

回答

相關問題