jQuery UI不会显示自动完成菜单
jQuery UI wont display autocomplete menu
我遇到了一个小问题。这里有这样的代码:
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控件。
相关文章:
- JQuery上下文菜单显示/隐藏问题
- AngularJs基于角色的菜单显示安全问题
- JS下拉菜单显示在图像旋转器上
- 如何使我的下拉菜单显示/对齐
- 根据所选的下拉菜单显示HTML
- 如何让子菜单显示在主菜单下方
- 如何根据每个下拉菜单显示图像
- 如何在我的js下拉菜单/显示内容框上的不同内容之间切换
- j查询下拉菜单显示不正确
- 使用数据的下拉菜单 - 显示子菜单
- 如何为剑道网格列菜单显示剑道工具提示
- 使用导航菜单显示隐藏html代码/内容
- 使用2个选择菜单显示/隐藏问题
- 下拉菜单显示效果
- 如何使下拉菜单显示在幻灯片上
- Joomla网站中的菜单显示在内容后面
- 子菜单显示的良好延迟持续时间是多少
- 如何使下拉菜单显示在对话框顶部
- 使上下文菜单显示在顶部
- 使用html下拉菜单显示none和block