Я очень отчаянный!TypeAhead не отображает результаты запроса
У меня есть эта проблема с Bootstrap Typeahead.
HTML Markup:
<div class="form-group">
<label for="">Recipients</label>
<input id="recipients" name="recipients"
autocomplete="off"
class="form-control"
data-role="tagsinput">
</div>
JavaScript:
$('#recipientsContainer').tagsinput({
allowDuplicates: false,
trimValue: true,
confirmKeys: [13, 44],
typeahead: {
hint: true,
highlight: true,
minLength: 4,
limit: 10,
source: function (query) {
$.ajax({
url: "/app/route",
type: 'POST',
dataType: 'JSON',
data: {'query' : query},
success: function(data) {
console.log(data);
return(data);
}
});
},
afterSelect: function() {
this.$element[0].value = '';
}
}
});
После Ajax вызова я получаю этот массив в Пульт управления:
["Justin Demetria +393281893574", "Dylan Alea +393700488191", "Zahir Tatyana +393007841301", "Ryan Veda +393542236060", "Hunter Wanda +393393156943"]
Проблема в том, что я ничего не вижу :(ничего не появляется. typeahead не работает.
В консоли, я получаю эту ошибку
bootstrap-tagsinput.js Uncaught TypeError: Cannot read property 'success' of undefined.
Как я могу это исправить?
Я использую Bootstrap 3, последний источник текста Typeahead js.
я прочитал весь код, но я не понимаю, как я могу использовать его в моей функции typehead usen внутри функции tagsinput (например, мой код) .. можете ли вы предоставить мне больше помощи? Большое спасибо .. –
вам не нужно использовать функцию taginput, просто используйте функцию typeahead, как показано в моем коде, и укажите поведение, подобное документированному в api. –
если я поместил ваш код на свою страницу, например, я получаю эту ошибку: ищейка не определена –