2015-04-03 55 views
0

我知道這個問題在網上已經有一百萬次的問題了,我相信我的帖子會被標記爲重複的,但是我一直在絞盡腦汁想了兩天試圖得到一個簡單的腳本來工作,我不能。jquery - 讓我的自動完成腳本開始工作

我知道,如果有人能讓我的小工夫工作,這將給我一個基礎,去解決我的問題。根據我的理解,這是自動完成的最基本形式,我可以使其工作。

有人可以幫我請

jfiddle

這裏是什麼,我至今不工作

$('#searchsong').autocomplete({ 
    source:["test","this","that","another"], 
    minLength:2, 
}); 

<input type="text" class="searchsong" id="searchsong" name="searchsong"> 
+3

您似乎沒有提供自動完成功能的庫。 – 2015-04-03 10:04:07

+0

這就像今天我提到的第十個問題,提問者對編程的基礎知識毫無頭緒。我認爲StackOverflow已經達到了人氣最高和質量最低的水平。當風險投資來到您的項目時,會發生這種情況。 – Sharky 2015-04-03 10:09:33

+0

自動完成方法未在jquery.js中實現。它們在Jquery-UI中實現請在jquery.js後包含 sarath 2015-04-03 10:12:27

回答

3

的基本知識。如果你打開你的開發控制檯,你會看到以下錯誤:Uncaught TypeError: undefined is not a function,這意味着函數命令不會被解釋爲這樣。既然你只有一個autocomplete電話,那一定是。因此,下一步是查看Jquery是否內置了autocomplete(spoiler:no),並且快速搜索會告訴您它屬於Jquery-UI庫。

所以 - 你錯過Jquery-UI庫的autocomplete功能工作,我把它加到這Fiddle

您可以從Here獲得版本。

+0

但仍撥弄不起作用? – 2015-04-03 10:09:34

+0

@CesarBielich它的工作,但沒有附加漂亮的CSS。我補充說,你現在可以查看它。 – 2015-04-03 10:13:18

+0

林沒有看到你再次點擊該鏈接小提琴的@CesarBielich CSS – 2015-04-03 10:16:07

0

這裏。我已經更新了小提琴。您需要包括jQuery UI的,並把所有的代碼中的document.ready。

$(document).ready(function(){ 
    $('#searchsong').autocomplete({ 
     source:["test","this","that","another"], 
     minLength:2, 
    }); 
}); 

https://jsfiddle.net/78fptu6e/2/