自动补全插件autocomplete.js的使用示例

1 看本文前,请先看http://www.jb51.net/article/24219.htm,上面需要对接的数据都是标准格式,所以不需要太麻烦,如:

var x = [ { name: "Peter Pan", to: "peter@pan.de" }, { name: "Molly", to: "molly@yahoo.com" }, { name: "Forneria Marconi", to: "live@japan.jp" } ];




2 如果我们操作本地的数据,那么也很简单,只要按照标准格式传就行了
3 但是如果我们跟后台对接,而后台返回的数据很乱,如:
自动补全插件autocomplete.js的使用示例
文章图片

【自动补全插件autocomplete.js的使用示例】那么,我们就需要处理一下,可以配置autocomplete的parse项。


示例:

test * {margin: 0; padding: 0; } textarea {margin-top: 100px; }


自动补全插件autocomplete.js的使用示例
文章图片

最后,有以下比较重要的情况,网上都没有讲到:
1 $('input').unautocomplete(); //销毁插件实例
2 修改提示框方向(上、下)需要修改源码
自动补全插件autocomplete.js的使用示例
文章图片



    推荐阅读