Skip to content

一个极有特色的内容 “标签” 添加编辑功能插件

Notifications You must be signed in to change notification settings

lock-upme/jquerytag

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jquery-plugin for tag

标签添加,按下回车键自动匹配添加;

标签删除,可以按退格键进行删除或者直接鼠标点击删除

标签添加自动换行

默认最多可以添加 10 个标签,可自行设定值 limit 值来更改

默认标签,使用参数为 tag,值用逗号进行分割

step1:

引用 jquery.min.js <script src="../jquery.min.js"></script>

引用 lockTag.js <script src="lockTag.js"></script>

引用 tag.css <link type="text/css" rel="stylesheet" href="tag.css" />

step2:

在body标签中复制以下标签:

标签: <div class=" ui-tageditor" id="tag0"> </div>

<br/> 默认标签: <div class=" ui-tageditor" id="tag1"> </div>

<br/> 只能添加2个标签: <div class=" ui-tageditor" id="tag2"> </div>

<br/> 默认及添加8个标签: <div class=" ui-tageditor" id="tag3"> </div>

 $('#tag0').lockTag();

 $('#tag1').lockTag({
	 tag : '生活,美丽'
 });

 $('#tag2').lockTag({
	 limit : 2
 });
 
 $('#tag3').lockTag({
	 tag : '生活,美丽,向往,我们',
	 limit : 8
 });

About

一个极有特色的内容 “标签” 添加编辑功能插件

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages