Tokenfield (ввод тега) автозаполнение в Bootstrap 3 не работает

Я пытаюсь реализовать простой ввод тегов в Bootstrap 3 с Tokenfield, но я где-то укладывался.Tokenfield (ввод тега) автозаполнение в Bootstrap 3 не работает

HTML код:

<link href="/static/css/bootstrap.min.css" rel="stylesheet"> 
<link href="/static/css/bootstrap-tokenfield.min.css" rel="stylesheet"> 

<div class="form-group"> 
    <label for="myinput">Κατηγορία</label> 
    <input id="myinput" type="text" class="form-control"> 
</div>

Javascript:

<script src="/static/js/jquery.min.js"></script> 
<script src="/static/js/bootstrap.min.js"></script> 
<script src="/static/js/bootstrap-tokenfield.min.js"></script> 

<script type="text/javascript"> 
    $('#myinput').tokenfield({ 
    autocomplete: { 
    source: ['red','blue','green','yellow','violet','brown','purple','black','white'], 
    delay: 100 
    }, 
    showAutocompleteOnFocus: true 
}) 
</script>

Ошибка: Он не показывает автозаполнения. У меня нет ошибок в консоли. Я могу добавлять теги вручную.

источник

2014-09-03 Tasos

Вам не нужен jQuery UI или Typeahead Js, если вам не нужна функция автозаполнения. Просто уменьшите объект конфигурации при инициализации поля токенов. –

Из того, что я вижу, это та же проблема, что у меня было несколько дней назад. Что вам нужно, так это jquery-ui с autocomplete.js.

http://jqueryui.com/download/ Создайте свой собственный jquery-ui.min.js, включая autocomplete.js, и он должен работать.

источник

2014-10-17 08:29:23 Archarachne

Tokenfield работает либо с Jquery Ui autocomplete, либо с Typeahead Js. Вы должны использовать один из них, но из кода выше вы не используете никого из них, поэтому, конечно, ничего не произойдет. Из приведенного выше кода, вы пытаетесь реализовать с Jquery Ui автозаполнения так что вам нужно будет сделать ссылку на CSS и JavaScript в JQuery Ui автозаполнения

Подробнее о Bootstrap Tokenfield here

источник

2015-02-24 06:26:31

Вы делаете НЕ обязательно jQuery UI, а также Typeahead Js. Если вы ищете