jQuery UI不会显示自动完成菜单

Question

我遇到了一个小问题。我在这里有这个代码：

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下方显示菜单。知道出了什么问题吗？

提前致谢。 ：）

Answer 1

请确认自动填充所需的CSS已到位。否则弹出窗口将不会显示。我犯了同样的错误，就像我第一次使用autocomplete作为我的第一个jquery UI控件一样。