javascript - tokeninput jquery 插件 - preventDuplicates 不工作

Question

我正在使用 jquery 插件 Tokeninput。我需要防止用户输入重复值，Js代码如下:

$(document).ready(function () {
    // Configure Tags
    $('#Tags').tokenInput(tagSource(), 
    {
        prePopulate: selectedTags(),
        theme: "facebook",
        propertyToSearch: "Code",
        preventDuplicates: true
     });

    function tagSource() {
        var data = [];
        @if (Model.SourceTags != null && Model.SourceTags.Count() > 0) {
            <text>
                data = @(Html.Raw(Model.SourceTags));
            </text>
        }
        return data;
    }

    function selectedTags() {
        var selectedData = [];
         @if (Model.SelectedTags != null && Model.SelectedTags.Count() > 0) {
            <text>
                selectedData = @(Html.Raw(Model.SelectedTags));
            </text>
        }
        return selectedData;
    }
});

当我再次选择相同的项目时，输入字段中的现有项目会突出显示并且不会添加任何内容。

此外，当我选择不同的项目时，第一个项目会突出显示并且不会添加任何内容。

有什么想法吗？

谢谢

Answer 1

如果您仍然遇到这个问题，我想我可能知道发生了什么。 TokenInput 假设您的数据对象的“id”属性拼写为“id”(注意小写)。如果您的 id 属性拼写有任何不同，您所描述的将会发生。供您引用，这发生在 add_token 函数中(v1.6.0 tokeninput.js 中 js 文件的第 495 行)。