jQuery UI自動完成有很好的選擇嗎?不是jQuery UI的一部分的好jQuery Autocomplete?
我在互聯網上找不到一個。 jQuery UI對於使用自動完成功能來說太大了,我不想自己再推出另一個自動完成功能。
答案:只有自動完成的jQuery UI自定義構建是23,052字節。 SO uses原始Zaefferer version已被修改爲jQuery UI自動完成。我猜如果它足夠好,對我來說足夠好,從GitHub上的agarzola分叉它。
jQuery UI自動完成有很好的選擇嗎?不是jQuery UI的一部分的好jQuery Autocomplete?
我在互聯網上找不到一個。 jQuery UI對於使用自動完成功能來說太大了,我不想自己再推出另一個自動完成功能。
答案:只有自動完成的jQuery UI自定義構建是23,052字節。 SO uses原始Zaefferer version已被修改爲jQuery UI自動完成。我猜如果它足夠好,對我來說足夠好,從GitHub上的agarzola分叉它。
你可以下載jQuery用戶界面的定製版本只有你http://jqueryui.com/download需要的組件。點擊取消選擇所有組件然後單擊自動完成旁邊的複選框。生成的縮小的js文件是20 KB未壓縮的。
我的Mac(hine)上有23,052個字節。核心(4個文件)+自動完成。非gzipped。 – CamelCamelCamel 2011-06-07 13:22:30
聽起來您正在使用'development-bundle'文件夾中的文件? 'js'文件夾中的文件'jquery-ui-x.x.xx.custom.min.js'應該在單個文件中包含所需的所有內容。 – 2011-06-07 13:28:19
jQuery的官方插件:
http://docs.jquery.com/Plugins/autocomplete
選擇二jQuery插件,把選擇到自動完成輸入+列表:
http://ivaynberg.github.io/select2/
選上的jQuery插件,同樣的事情,但是從不同的作者:
http://harvesthq.github.io/chosen/
喬恩Zaefferer jQuery插件:
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
雅虎YUI:
你可以下載jQuery用戶界面的定製版本只包括自動完成模塊: http://jqueryui.com/download
25kb核心+自動完成 – CamelCamelCamel 2011-06-07 13:19:53
谷歌搜索'jquery autocomplete'pro duced這DevBridge一個(和所有其他人):
http://www.devbridge.com/projects/autocomplete/jquery/
這也是在possible duplicate of this question最高度upvoted不接受的答案。
7,187字節縮小。非常好! – 2011-06-07 13:42:40
這是亞軍。看起來很棒。 – CamelCamelCamel 2011-06-07 13:44:47
到目前爲止最好。我建議的第二個是http://tomcoote.co.uk/code-bank/jquery-json-suggestsearch-box/ – ashraf 2012-02-24 01:02:52
3歲多的問題,這一點,但因爲它在谷歌搜索結果來第二次「最佳的jQuery UI的自動完成另類」我認爲這是值得放置在這裏的鏈接Twitter的事先鍵入的內容實現:http://twitter.github.io/typeahead.js/
有點煩,你可能需要Hogan模板引擎使其工作(向負載中添加幾個kb),但是如果您花時間閱讀文檔,這將是值得的。
我代替我的「位置查找」 jQuery UI的實施後,與下面的(簡化)代碼結構仔細閱讀文檔的30分鐘:
$('.location_text_field').typeahead({
name : 'locations',
remote : {
url : "/get_locations.php",
filter : function (response) {
return response.locations;
}
},
template : '<p>{{{label}}}</p>',
engine : Hogan
}).on({
// When the user selects a location do something clever
'typeahead:selected' : function (e, datum) {
// Doing something clever here....
},
// Reset the cleverness above if the user changed
// the text of the field manually on his own
'keyup' : function() {
// Reset cleverness
}
});
...它就像一個魅力。
我只是在尋找一種替代自己,發現這個
https://github.com/onigoetz/jquery.autocomplete
它使用jQuery的,但不是jQuery UI的。它具有大小意識,並且與jQuery UI兼容。它在github上的「agarzola/jQueryAutocompletePlugin分支」。
它可能沒有衆所周知的jQuery UI實現的支持,但我測試了它,現在它似乎是廣告的一切。
即使使用自定義構建? – 2011-06-07 13:15:06
可能的重複:http://stackoverflow.com/questions/188442/whats-a-good-ajax-autocomplete-plugin-for-jquery。即使實際問題有些不同,至少也會給出(一些)相同的答案。 – 2011-06-07 13:16:24
縮小的自定義構建有多大? – 2011-06-07 13:16:46