推荐一款 jQuery 自定义标签插件 tag-it

言曌 2018年03月01日10:48:52 6 2540 views

博主分享免费Java教学视频，B站账号：Java刘哥，长期提供技术问题解决、项目定制：本站商品点此

官网地址：https://github.com/aehlke/tag-it

效果图如下

代码如下

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>tag-it 测试</title>
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
<link href="css/jquery.tagit.css" rel="stylesheet" type="text/css">
</head>
<body>
<ul id="myTags"></ul>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/tag-it.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#myTags").tagit();
});
</script>
</body>
</html>

以上只是一个简单的例子，对于博主的使用已经足矣。更多功能可以去开发者的 github 上下载

代码下载 [url href=https://oss.liuyanzhao.com/uploads/2018/03/tag-it.zip]立即下载[/url]

本文地址：https://liuyanzhao.com/7628.html