我遇到了一个小问题。我这里有这段代码:
var suggestCallBack; // global var for autocomplete jsonp
$(document).ready(function () {
$("#youtube-search").autocomplete({
messages: {
noResults: '',
results: function() {}
},
source: function(request, response) {
$.getJSON("https://suggestqueries.google.com/complete/search?callback=?",
{
"hl":"en", // Language
"ds":"yt", // Restrict lookup to youtube
"jsonp":"suggestCallBack", // jsonp callback function name
"q":request.term, // query term
"client":"youtube" // force youtube style response, i.e. jsonp
}
);
suggestCallBack = function (data) {
var suggestions = [];
$.each(data[1], function(key, val) {
suggestions.push({"value":val[0]});
});
suggestions.length = 5; // prune suggestions list to only 5 items
response(suggestions);
};
},
});
});
如果您按向上和向下箭头键,它会自动填充自动完成建议,但不会在输入字段 #youtube-search 下方显示菜单。知道出了什么问题吗?
提前致谢。 :)
最佳答案
请验证自动完成所需的 CSS 是否已就位。否则不会显示弹出窗口。我第一次使用自动完成作为我的第一个 jquery UI 控件时犯了与您相同的错误。
关于javascript - jQuery UI 不会显示自动完成菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33064337/