Tag-it jquery插件

Question

我想在我的项目中使用https://github.com/aehlke/tag-it。不幸的是，我找不到任何选项来限制用户只输入来自预定义ajax值的值。

我还想自定义它的建议菜单，并添加图像到它。我知道如何定制jquery ui小部件_renderMenu()函数。那么tag-it呢？

Answer 1

作为标签-它本质上是将一个列表变成一个花哨的下拉框，对可以输入到框中的内容的限制基于列表中可用的项目：

<script type="text/javascript">
    $(document).ready(function() {
        $("#myTags").tagit();
    });
</script>
<ul id="myTags">
    <!-- Existing list items will be pre-added to the tags -->
    <li>Tag1</li>
    <li>Tag2</li>
</ul>

如果希望从其他地方(数据库、文件等)获取值，则必须确保首先将数据加载到列表中，然后在完成后调用tagit() (例如，可以在ajax请求的complete callback function中执行此操作)。

当然，这只会限制GUI的选项(据我所知--我还没有使用tag-it)。您仍然应该检查数据服务器端的健全性。