2011-06-07 54 views
6

jQuery UI自動完成有很好的選擇嗎?不是jQuery UI的一部分的好jQuery Autocomplete?

我在互聯網上找不到一個。 jQuery UI對於使用自動完成功能來說太大了,我不想自己再推出另一個自動完成功能。

答案:只有自動完成的jQuery UI自定義構建是23,052字節。 SO uses原始Zaefferer version已被修改爲jQuery UI自動完成。我猜如果它足夠好,對我來說足夠好,從GitHub上的agarzola分叉它。

+1

即使使用自定義構建? – 2011-06-07 13:15:06

+1

可能的重複:http://stackoverflow.com/questions/188442/whats-a-good-ajax-autocomplete-plugin-for-jquery。即使實際問題有些不同,至少也會給出(一些)相同的答案。 – 2011-06-07 13:16:24

+0

縮小的自定義構建有多大? – 2011-06-07 13:16:46

回答

5

你可以下載jQuery用戶界面的定製版本只有你http://jqueryui.com/download需要的組件。點擊取消選擇所有組件然後單擊自動完成旁邊的複選框。生成的縮小的js文件是20 KB未壓縮的。

+0

我的Mac(hine)上有23,052個字節。核心(4個文件)+自動完成。非gzipped。 – CamelCamelCamel 2011-06-07 13:22:30

+0

聽起來您正在使用'development-bundle'文件夾中的文件? 'js'文件夾中的文件'jquery-ui-x.x.xx.custom.min.js'應該在單個文件中包含所需的所有內容。 – 2011-06-07 13:28:19

6

谷歌搜索'jquery autocomplete'pro duced這DevBridge一個(和所有其他人):

http://www.devbridge.com/projects/autocomplete/jquery/

這也是在possible duplicate of this question最高度upvoted不接受的答案。

+0

7,187字節縮小。非常好! – 2011-06-07 13:42:40

+0

這是亞軍。看起來很棒。 – CamelCamelCamel 2011-06-07 13:44:47

+0

到目前爲止最好。我建議的第二個是http://tomcoote.co.uk/code-bank/jquery-json-suggestsearch-box/ – ashraf 2012-02-24 01:02:52

0

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 
    } 

}); 

...它就像一個魅力。

0

我只是在尋找一種替代自己,發現這個

https://github.com/onigoetz/jquery.autocomplete

它使用jQuery的,但不是jQuery UI的。它具有大小意識,並且與jQuery UI兼容。它在github上的「agarzola/jQueryAutocompletePlugin分支」。

它可能沒有衆所周知的jQuery UI實現的支持,但我測試了它,現在它似乎是廣告的一切。