[英]Remote bootstrap typeahead not working
我有一個帶有類別下拉列表的表單(帶有選項Gems,Programming Languages,Databases等)和一個文本字段,該文本字段應根據服務器端的查詢自動完成。 我的代碼一直工作到ajax調用返回正確的結果集作為JSON響應。 但是自動填充下拉列表沒有顯示。
$(document).ready(function() {
var bestPictures = new Bloodhound({
datumTokenizer: function (d) {
return Bloodhound.tokenizers.whitespace(d.value)},
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: {
url: '/typeahead',
replace: function(url, uriEncodedQuery) {
var categoryID = $('#user_skills_attributes_1_category_id').val();
return url + "?q="+uriEncodedQuery+ "&category_id=" + encodeURIComponent(categoryID)
}
}
});
bestPictures.initialize();
$('#user_skills_attributes_1_name').typeahead({highlight: true}, {
name: 'best-pictures',
display: 'value',
source: bestPictures.ttAdapter()
});
})
我也遇到過這樣的問題。 嘗試使用較低版本的預輸入。 它可能會解決您的問題。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.