应用第三方的jQuery Tag插件

问答系统是很多网站都有的功能。 然而在发布问题时需要将问题对应到多个标签, 为了帮助用户快速而方便地完成操作, 可以借助于一个第三方的jQuery tag插件, 该插件允许输入多个Tag, 并且拥有自动提示功能。 使用关键代码如下:

<pre name="code" class="javascript"><!--引用插件-->
<script src="~/Scripts/tag-it.min.js"></script>
<!--对应Tag的表单域, 通过它服务端获取数据-->
<input name="tags" id="questionTags" type="hidden"/>
<!--Tag插件对应的容器-->
<ul id="myTags"></ul>
<!--使用插件, 从服务端获取json数据作为数据源-->
$.getJSON("数据源地址", null, function (data) {
   $("#myTags").tagit({
      availableTags: data, //自动提示数据源, 格式如['c++', 'java', 'php']
      autocomplete: { delay: 0, minLength: 2 }, //自动提示
      allowSpaces: true,  //允许空格
      singleField: true, 
      singleFieldNode: $("#questionTags"), //对应表单
      singleFieldDelimiter: ",", //分割字符
      caseSensitive: false //区分大小字
   });
});

 

展开阅读全文
©️2020 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值