`

pictures

阅读更多

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

 

 

 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

 

 

 

 

 

 

aaa近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

 

 

 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

 

 

 

 

 

 

aaa近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

 

 

 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

 

 

 

 

 

 

aaa近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

 

 

 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

 

 

 

 

 

 

aaa近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

 

 

 

近日得到一个任务:调研“输入提示”js plugin,并集成到项目中去。我对jquery-ui-autocomplete 和 jquery-autocomplete 都做了简单的技术调研,发现了一些问题,总结了一些心得。

[jquery-autocomplete](https://github.com/devbridge/jQuery-Autocomplete)

![text](http://dl2.iteye.com/upload/attachment/0086/6192/86b6b6d3-8409-3e78-97dd-3b8ea60caa7c.png)

 

   该开发者出了两版,我下载的最新版,demo中是基于jquery-1.8.2.min.js的,支持最低的jquery 版本是1.27,并且仅依赖jquery核心js。这款jquery.autocomplete.js options有几个重要属性。

   * lookupFilter 可以添加一个对source 结果过滤规则。

   * zindex 设置自动提示div的显示层级

   * noCache 是否缓存查询结果

   * 匹配内容在提示内容中高亮显示

   该款autocomplete js 完美支持中文录入提示,但是 source对于非key value 数组支持不够好,例如source:['aaa','bbb','ccc'] 需要对该source重新处理成[key1:value1,key2:value2] 的数据格式。该js对同key做了覆盖处理,后面相同的key会覆盖掉前面的数据,提示匹配只会匹配后面key对应的value.

   

 

 

   jquery-ui autocomplete  url:http://jqueryui.com/autocomplete/ .

   

![text](http://dl2.iteye.com/upload/attachment/0086/6194/52f52143-7e8e-3e5d-9de4-c0c805095308.png)

 

   该款输入提示js需依赖jquery.ui.core.js ,jquery.ui.widget.js jquery.ui.position.js 。该款自动提示plugin是基于widget ,提供基础的api ,不做赘述。该插件jquery-ui 1.8.16 版本的autocomplete 无法检测首次中文输入事件,无法提示自动不全内容。对于英文输入提示,没有发现任何问题。

    对于1.8.16 输入中文不触发autocomplete 接解决办法,是追加一个input事件,当listen到输入时,触发autocomplete search数据。

```

"blur.autocomplete",

function(c) {

if (!a.options.disabled) { 

    clearTimeout(a.searching); 

    a.closing = setTimeout(function () { 

    a.close(c); 

    a._change(c) 

               }, 150) 

}).bind('input',function (c) { 

      a.search(a.item); 

});

```

 

总结:jquery-autocomplete依赖较少,如果单存想添加输入提示功能,它是个不错的选择,支持cache,支持中文提示,代码体积很小,在dialog 层级较多的前提下,提示div依然不会被覆盖,这个也得意于zindex 支持。

     jquery-ui autocomplete 依赖较多,所以会引入一些比必要的代码,弹出层级较多时,zindex 无法灵活控制,默认每次输入会自动search后台数据,对server压力较多一些。,但是如果web前端是基于jquery-ui的实现,那么直接利用jquery-ui autocomplete 实现输入提示,个人认为是最合适的,因为引入其他的提示plugin,需要解决js冲突。 

  • 大小: 190.5 KB
  • 大小: 16.9 KB
  • 大小: 132.8 KB
分享到:
评论

相关推荐

    Amazing pictures Amazing pictures Amazing pictures

    Amazing pictures Amazing pictures Amazing pictures

    English Through Pictures, Book 1,2,3 .zip

    Gibson共同创作的一套英语学习资源,它被整合在名为"English Through Pictures, Book 1,2,3 .zip"的压缩文件中。这个压缩包包含了更新版的《英语图解》第一、第二、第三册的内容,为学习者提供了一种视觉化、互动式...

    English_Through_Pictures-图文并茂版-(3/3)

    English_Through_Pictures-图文并茂版 1. 简介 是将音频相应的书页作为MP3专辑背景嵌入MP3文件里了。 所以使用适当的播放器播放MP3时,相应的书页会同步显示,方便跟读。 2. 播放器推荐 播放器请用开源的 smplayer...

    capture pictures截图软件

    "Capture Pictures"是一款功能丰富的截图软件,专为用户提供了便捷的屏幕捕捉体验。这款软件不仅支持常规的静态图像截图,还特别强调了对动态图像的支持,这意味着用户可以在一个连续的操作中捕获多帧图像,例如记录...

    文件_个人 电子相册 pictures

    标题 "文件_个人 电子相册 pictures" 暗示我们正在处理一个包含个人电子相册的文件集合,其中可能包含一系列图片或者相关的多媒体内容。这个压缩包很可能是某人整理并分享的个人照片集,可能用于回忆、展示或者与...

    Saved Pictures.zip

    《Saved Pictures.zip》这个压缩包是专为程序员设计的壁纸宝库,包含了各种与技术、编程和科技文化相关的图像。这不仅仅是一个简单的图片集合,它代表了程序员群体的共同审美和文化认同,是对他们日常工作中专注和...

    pineapple-pictures.zip

    《pineapple-pictures.zip——一款轻巧便捷的图片查看神器》 在数字化时代,图片查看器作为日常工作中不可或缺的一部分,其功能与体验愈发受到用户的重视。"pineapple-pictures.zip"便是这样一款专为满足用户需求而...

    Pictures-Uploaded.zip

    标题中的"Pictures-Uploaded.zip"表明这是一个包含图片的压缩文件,可能用于前端或后端开发中的图像资源上传或处理。这个文件很可能是开发者在项目中使用的图像集合,或者是用户上传到服务器的图片数据。 描述中...

    UpLoadPictures.7z

    这个名为"UpLoadPictures.7z"的压缩包文件很可能包含了一个示例项目,用于演示如何在使用Kotlin编程语言时实现多图片上传的功能。Kotlin是Google推荐的Android开发首选语言,以其简洁、安全和表达性强的特点深受...

    “Pictures by PC3.4”CAD_CAM软件.pdf

    文档中提到的“Pictures by PC3.4”软件,为降低用户成本,提供了价格合理的软件包,包括一年的免费维护和机加工后置处理程序。这表明CAD/CAM软件公司考虑到成本控制对用户的重要性,并通过提供一站式解决方案来吸引...

    GOP (Group of Pictures) 详细介绍

    GOP(Group of Pictures)是视频压缩技术中的一个概念,尤其在MPEG-4和H.264编码标准中扮演重要角色。GOP通常用来定义视频序列中I帧和P帧的排列顺序和数量。在摄像机固件设置中,GOP参数可以通过调整其长度来达到...

    English_Through_Pictures-图文并茂版-(2/3)

    English_Through_Pictures-图文并茂版 1. 简介 是将音频相应的书页作为MP3专辑背景嵌入MP3文件里了。 所以使用适当的播放器播放MP3时,相应的书页会同步显示,方便跟读。 2. 播放器推荐 播放器请用开源的 smplayer...

    艾奇电子相册视频制作软件-pictures-to-video_1.00

    《艾奇电子相册视频制作软件-pictures-to-video_1.00》是一款专为用户打造的高效便捷的电子相册制作工具,旨在将个人照片转化为生动有趣的视频作品。这款软件集图片处理、视频编辑、特效添加等多种功能于一体,使得...

    抠图工具play_with_pictures破解版

    抠图工具play_with_pictures破解版

    pictures.zip

    《深入理解"Pictures.zip"与图片管理》 在数字化时代,图片已经成为我们日常生活、工作中不可或缺的一部分。无论是个人的回忆照片,还是商业设计素材,图片都扮演着重要的角色。"Pictures.zip"是一个压缩包文件,它...

    13818-2-GENERIC CODING OF MOVING PICTURES AND ASSOCIATED AUDIO-SYSTEMS

    《13818-2-GENERIC CODING OF MOVING PICTURES AND ASSOCIATED AUDIO-SYSTEMS》是国际标准化组织(ISO)与国际电工委员会(IEC)联合技术委员会1(JTC1)下属的第二十九分委员会(SC29)工作组11(WG11)所制定的一...

    Pictures to TBV

    【标题】"Pictures to TBV" 是一个与图像处理和视频制作相关的概念,可能是将图片转换为电视广播(TV)格式或视频文件的过程。在现代数字媒体创作中,这种转换非常常见,尤其对于那些需要在电视、网络平台或多媒体...

    Models of Light Reflection for Computer Synthesized Pictures

    In the production of computer ...pictures of three dimensional objects, one stage of the calculation is the determination of the intensity of a given object once its visibility has been established.

    Pictures.rar

    "Pictures.rar"这个压缩包文件可能包含了关于如何个性化Visual Studio编辑器界面的图像教程,特别关注了修改编辑器背景这一主题。Visual Studio是一款由Microsoft开发的集成开发环境(IDE),广泛用于C++等编程语言...

    Valid pictures Valid pictures Valid pictures

    Valid pictures Valid pictures Valid pictures Valid pictures Valid pictures Valid pictures

Global site tag (gtag.js) - Google Analytics