应用第三方的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 //区分大小字
   });
});

 

阅读更多

没有更多推荐了,返回首页