Я пытаюсь реализоватьBootstrap Tokenfield с автозаполнением Jquery Ui и до сих пор я смог это сделать, за исключением того факта, что я не могу предотвратить дублирование в поле ввода, поэтому, к сожалению, мой пользователь может выбрать одно и то же значение дважды.

В моем поиске я обнаружил, что Bootstrap Tokenfield имеет способпредотвращение дублирования, Однако я не знаю, как применить к моему коду, потому что мне кажется, что он идет с Twitter, а не с Jquery Ui.

Как я могу предотвратить дублирование с помощью Bootstrap TokenField с помощью автозаполнения Jquery Ui?

Это мой код Bootstrap TokenField, основанный на автозаполнении jquery ui

$('.tokenfield').tokenfield({
  autocomplete: {
    source: [
    {
        "id": "1",
        "value": "Ferdine Faithfull" 
    },
    {
        "id": "2",
        "value": "John Carta" 
    },
    {
        "id": "3",
        "value": "Mezane Smith" 
    }
    ],

    delay: 100
  },
  showAutocompleteOnFocus: true
});

И ниже, что я нашел на Github, чтобы предотвратить дублирование, хотя я думаю, что это для Typeahead

$('#my-tokenfield').on('tokenfield:createtoken', function (event) {
    var existingTokens = $(this).tokenfield('getTokens');
    $.each(existingTokens, function(index, token) {
        if (token.value === event.attrs.value)
            event.preventDefault();
    });
});