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

官网地址:https://github.com/aehlke/tag-it   效果图如下 代码如下
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>tag-it 测试</title>
  6.     <link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
  7.     <link href="css/jquery.tagit.css" rel="stylesheet" type="text/css">
  8. </head>
  9. <body>
  10.     <ul id="myTags"></ul>
  11.     <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  12.     <script src="js/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
  13.     <script src="js/tag-it.js" type="text/javascript" charset="utf-8"></script>
  14.     <script type="text/javascript">
  15.     $(document).ready(function() {
  16.         $("#myTags").tagit();
  17.     });
  18.     </script>
  19. </body>
  20. </html>
以上只是一个简单的例子,对于博主的使用已经足矣。更多功能可以去开发者的 github 上下载   代码下载 [url href=http://blog-cdn.codergroup.cn/uploads/2018/03/tag-it.zip]立即下载[/url]   本文地址:https://liuyanzhao.com/7628.html

发表评论

目前评论:1