2011-05-20 69 views
1

所以我正在處理jquery auto complete。jquery autocomplete

我包括jQuery和自動完成jQuery的東西。

<script src="../../jquery/jquery.js"></script> 
    <script src="../../jquery/jquery.autocomplete.js"></script> 

<script> 
$(document).ready(function() { 
    var townList = ["London","Manchester"]; //establish user town list 
    $("input#townSearcher").autocomplete({source:townList}); 
} 
    </script> 

<input type="text" id="townSearcher" /> 

當我把Lon或Manc例如我在這個簡單的例子中缺少什麼時,AutoComplete不起作用?

回答

3

你需要給它一個對象

$("input#townSearcher").autocomplete({source:townList}); 

working demo

這裏是autocomplete documentation

編輯

你可能要使用CDN

<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script> 
+0

我剛剛嘗試過,我發現它很奇怪它是如何工作的示例和(NN我編輯我的代碼)仍然不工作在我的網頁..有0錯誤,0警告,我不認爲任何其他事情是打破它在頁面上。:/ – John 2011-05-20 18:52:10

+0

大聲笑我會更新我的jQuery, blurh ty – John 2011-05-20 19:03:38

2

確保DOM已加載。你需要將你的jquery包裝在onload事件中。

$(function() { 
    $("input#townSearcher").autocomplete(townList); 
}); 

這裏是一個工作的jsfiddle:

Here

+0

你撥弄工作不試試! – mcgrailm 2011-05-20 18:46:42

+0

@mcgrailm我不確定你在看什麼,但它工作正常。我沒有任何CSS,但自動完成工作正常。鍵入'L'或'M',它會顯示結果。 – 2011-05-20 18:48:05

+0

我得到ff4錯誤說'錯誤:$(「輸入#townSearcher」)。自動完成不是函數 源文件:http://fiddle.jshell.net/keroger2k/AftpL/1/show/ 行:25 「 – mcgrailm 2011-05-20 19:01:25