jQuery completer 自动输入提示
在线实例
使用方法
<input type="text" id="auto-complete-email" class="input" placeholder="E-mail"/>
$("#auto-complete-email").completer({
separator: "@",
source: ["163.com", "qq.com", "126.com", "139.com", "gmail.com", "hotmail.com", "icloud.com"]
});参数详解
| 参数 | 描述 | 默认值 |
| 选项 | 说明 | 默认值 |
| complete | 当输入完成时触发 | function() {} |
| itemTag | 弹出展示面板中的列表元素标签 | "li" |
| filter | 过滤函数，当输入后会先过滤相关列表内容再展示列表 | function(val) { return val; } |
| position | 弹出列表面板相对输入框的位置，值有"top", "right", "bottom", "left". | "bottom" |
| source | 将要自动补全展示的数据 | [] |
| selectedClass | 当弹出面板中的选项被选中时的样式 | "completer-selected" |
| separator | 分隔符，将输入的内容与建议自动完成的部分分隔，如@ | "" |
| suggest | 如果设置成true，将会进入建议suggestion模式，将自动匹配所输入的内容 | false |
| template | 弹出面板的模板 | "<ul class="completer-container"></ul>" |
| zIndex | 弹出面板的css中的z-index值 | 1 |
云盘内容
| 文件 | jQuery插件大全打包 |
| 内容 | HTML5+CSS3+PHP+jQuery等示例 |
| 大小 | 170M（300+个文件） |
注意：示例只是当前的内容，【下载】的是全部jQuery插件一起打包后的文件。