对于基于jq的插件at.js的一点点心得

该插件的自动补全功能对于在评论区需要@某人时基本够用

在需求中需要在自动补全时输入中文名和用户ID两种方式进行搜索

由于翻了一些文档和博客没找到在搜索条件中如何添加两种以上搜索条件

英文文档：https://www.wenjiangs.com/doc/base-usage

所以自己捣鼓了一个笨方法：

​
//后端返回的整个@数组列表
var AllList = [{"name":"熊大","id":"xiongda","fullName":"熊大xiongda"},
{"name":"熊二","id":"xionger","fullName":"熊二xionger"},
{"name":"熊三","id":"xiongsan","fullName":"熊三xiongsan"},
{"name":"熊四","id":"xiongsi","fullName":"熊四xiongsi"},
{"name":"熊五","id":"xiongwu","fullName":"熊五xiongwu"},
{"name":"熊六","id":"xiongliu","fullName":"熊六xiongliu"}];
$('#main-comment').atwho({
at: "@",//符号
data:AllList,//数据来源
displayTpl: "<li>${name}(${id})</li>",//显示模板
insertTpl: "${atwho-at}${id}",//插入模板
searchKey: "fullName",//搜索条件用fullName即可实现两种条件的搜索
limit: 5,//默认只显示多少条
})

 做个记录提供思路

最后

以上就是平常酸奶为你收集整理的对于基于jq的插件at.js的一点点心得的全部内容，希望文章能够帮你解决对于基于jq的插件at.js的一点点心得所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。