2

我正在尝试制作标签输入字段，并且我正在将 jquery UI Autocomplete 与Tokenfield 用于 Bootstrap。但自动完成不会触发。请看下面的代码。

Javascript

$(function () {
    $("#TagsInput").tokenfield({
        autocomplete: {
            source: function (request, response) {
                $.getJSON("/SearchTags/", {
                    term: extractLast(request.term)
                }, response);
            },
            search: function () {
                var term = extractLast(this.value);
                if (term.length < 1) {
                    return false;
                }
            },
            focus: function () {
                return false;
            },
            select: function (event, ui) {
                var terms = split(this.value);
                terms.pop();
                terms.push(ui.item.value);
                terms.push("");
                this.value = terms.join(",");
                return false;
            }
        }
    });

HTML

<input type="text" value="love,you" id="TagsInput" class="form-control" />

根据 Tokenfield 文档，以下代码可以正常工作。

    $('#TagsInput').tokenfield({
  autocomplete: {
    source: ['red','blue','green','yellow','violet','brown','purple','black','white'],
    delay: 100
  },
  showAutocompleteOnFocus: true
})

我从/SearchTags/URL返回这样的 Json 数组

[{"id":1,"value":"Love"},{"id":2,"value":"Hate"}]

请帮我解决这个问题，我不擅长java-script。非常感谢

4

0 回答 0