来源：https://www.sucai8.cn/67585.html

jQuery非常强大的标签插件及各种应用

2142
0
0

非常强大的标签管理，标签实用插件。
默认值：JS Code:

{
data:[],//格式:{id:数字,name:文本,screen:筛选文本}
data_:[],//附加标签（按钮）数据
dataAttr:[],//因数据格式不同，这里填写三个分别对应要展现的 id name screen 属性的对应属性。如填写则必须填写3个
//defaultData:[],//默认的数据，内容为data.id
tagInputCSS:"sTags-input",//输入框css
tagListCSS:"sTags",//列表css
tagCSS:["sTags-old","sTags-new"],//输入框内标签样式，第一个为默认标签样式，第二个为新增标签样式
color:1,//标签列表颜色，0不使用，1按screen的首字母，按顺序循环数组内颜色，2随机颜色，数组内颜色，值0为背景色，1为字色
colorData:[
["#90c5f0","#fff"],
["#8E388E","#fff"],
["#FFA500","#fff"],
["#FBF","#fff"],
["#DA70D6","#fff"],
["#A2CD5A","#fff"],
["#228B22","#fff"],
["#CDC0B0","#fff"],
["#CD7054","#fff"],
["#00688B","#fff"]
],//标签列表颜色，0不使用，1按screen的首字母，按顺序循环数组内颜色，2随机颜色，数组内颜色，值0为背景色，1为字色
screen:true,//是否启用筛选功能
screenInput:{
type:"text",
size:8,
placeholder:"筛选"
},//筛选输入框属性,
tagTXT:"Tags:",//标签列表前缀
click:function(e){
console.log(e.attr("tagid"))
},//当目标元素为div时，列表的点击事件。e为点击元素自身
tagName:"",//标签列表使用的html标签，默认为div，如要改为div和a之外的其他标签则需要修改css
tagHtml:"",//自定义标签列表中的html内容。{name} 替换为 tag.name {id}将转换为 tag.id,
tagAttr:{}//标签属性
}

复制代码

作品标签

标签列表颜色数组筛选

jQuery非常强大的标签插件及各种应用

相关素材

作品标签

相关标签