Я пытаюсь реализовать поле ввода пользователя, которое предлагает список непереносимости.
HTML
<head>
<script src="//cdn.jsdelivr.net/bootstrap.tagsinput/0.4.2/bootstrap-tagsinput.min.js"></script><script src="includes/typeahead/typeahead.jquery.js"></script>
</head>
<body>
<main class='site-content' >
<input id="intolerance" type="text" placeholder="gluten, wheat...">
</main>
</body?
JQuery
$('#intolerance').tagsinput({
typeahead: {
source: ['Dairy', 'Egg', 'Gluten', 'Grain', 'Peanut', 'Seafood', 'Sesame', 'Shellfish', 'Soy', 'Sulfite', 'Tree Nut', 'Wheat']
},
freeInput: true
});
$('input').on('itemAdded', function(event) {
setTimeout(function(){
$(">input[type=text]",".bootstrap-tagsinput").val("");
}, 1);
});
Ошибка не появляется, но это не так работает на всех. Ввод позволяет мне добавлять текст, но не предлагает и не превращает его в тег.
Я получил typeahead. jquery. js из https://github.com/twitter/typeahead.js