需要引入的样式和js包括
1 2 3 4 5 6 7 8 | < link href = "css/jquery.atwho.css" rel = "stylesheet" > < script src = "js/jquery.caret.js" ></ script > < script src = "js/jquery.atwho.js" ></ script > $('#inputor').atwho({ at: "@", data:['Peter', 'Tom', 'Anne'] }) |
1.可以监听任何字符,不仅仅只是’@‘,可以设置监听不同的字符和使用不同的数据。
2.支持同时使用静态数据和动态数据(通过AJAX),静态数据会被优先使用,然后再用AJAX加载找不到的值。
3.可以给多个文本框设置监听事件。
4.内置缓存支持。
5.可以使用模板设置数据的显示格式。
6.鼠标/键盘控制:Tab或Enter键选择,Up和Down键上下导航。
7.支持输入搜索。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | $.fn.atwho[ "default" ] = { at: void 0, alias: void 0, data: null , displayTpl: "<li>${name}</li>" , //显示模板 insertTpl: "${atwho-at}${name}" , //插入模板 headerTpl: null , callbacks: DEFAULT_CALLBACKS, searchKey: "name" , suffix: void 0, hideWithoutSuffix: false , startWithSpace: true , //是否已空格开始 highlightFirst: true , limit: 5, //默认只显示5条 maxLen: 20, minLen: 0, displayTimeout: 300, delay: null , spaceSelectsMatch: false , tabSelectsMatch: true , editableAtwhoQueryAttrs: {}, scrollDuration: 150, suspendOnComposing: true , lookUpOnClick: true }; |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com