问答系统是很多网站都有的功能。
然而在发布问题时需要将问题对应到多个标签, 为了帮助用户快速而方便地完成操作, 可以借助于一个第三方的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 //区分大小字
});
});
*要注意服务端返回的数据