2011-06-07 16 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实现的支持,但我测试了它,现在它似乎是广告的一切。