Tag-it jQuery插件

Question

我想在我的項目中使用https://github.com/aehlke/tag-it 。 不幸的是，我找不到任何選項來限制用戶僅輸入來自預定ajax值的值。

我也想自定義其建議菜單並向其添加圖像。 我知道如何自定義jquery ui小部件_renderMenu()函數。 標記呢？

Answer 1

由於tag-it實質上是將一個列表變成一個漂亮的下拉框，因此可以根據該列表中可用的項來限制輸入框：

<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請求的完整回調函數中）。

當然，（就我所知-我還沒有使用tag-it）只會從GUI角度限制這些選項。 您仍然應該檢查數據服務器端的完整性。