Tokenfield for Bootstrap自动完成不起作用

时间:2015-07-27 23:19:20

标签: javascript jquery json autocomplete bootstrap-tokenfield

我正在尝试制作标签输入字段,我正在使用Tokenfield for Bootstrap的jquery UI自动完成功能。但自动完成不会触发。请查看下面的代码。

的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脚本不熟悉。非常感谢

0 个答案:

没有答案