应用第三方的jQuery Tag插件

来源:互联网 发布:easyrecovery mac 编辑:程序博客网 时间:2024/05/22 11:42

问答系统是很多网站都有的功能。

然而在发布问题时需要将问题对应到多个标签, 为了帮助用户快速而方便地完成操作, 可以借助于一个第三方的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 //区分大小字   });});

*要注意服务端返回的数据





                                             
0 0
原创粉丝点击