javascript - 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 是否已就位。否则不会显示弹出窗口。我第一次使用自动完成作为我的第一个 jquery UI 控件时犯了与您相同的错误。