标签或关键字的添加和编辑 jquery插件

为什么80%的码农都做不了架构师？>>>   

此插件功能介绍：

标签添加，按下回车键自动匹配添加；

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

标签添加自动换行

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

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

插件下载地址：https://github.com/lock-upme/jquerytag

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>

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

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

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

step3:

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

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

 $('#tag2').lockTag({
     limit : 2
 });

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

效果图：

转载于:https://my.oschina.net/lockupme/blog/614976