javascript - JQuery 自动完成问题

Question

我正在使用 JQuerys 自动完成插件，但它不会在输入任何内容时自动完成。

有什么想法为什么不起作用吗？基本示例有效，但我的无效。

var ppl = {"ppl":[{"name":"peterpeter", "work":"student"},
     {"name":"piotr","work":"student"}]};

var options = {
    matchContains: true,  // So we can search inside string too
    minChars: 2,      // this sets autocomplete to begin from X characters
    dataType: 'json', 
    parse: function(data) {
        var parsed = [];
        data = data.ppl;
        for (var i = 0; i < data.length; i++) {
            parsed[parsed.length] = {
                data: data[i],  // the entire JSON entry
                value: data[i].name,  // the default display value
                result: data[i].name // to populate the input element 
            };
        }
        return parsed;
    },
    // To format the data returned by the autocompleter for display
    formatItem: function(item) { 
        return item.name; 
    }
};

$('#inputplace').autocomplete(ppl, options);

好的。更新:

<input type="text" id="inputplace" />

因此，当在输入字段中输入“peter”时。不会出现自动完成建议。它应该给出“peterpeter”，但没有任何反应。

还有一件事。使用这个例子效果很好。

var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" ");
$("#inputplace").autocomplete(data);

Answer 1

嗯，看看该插件中的代码，“解析”选项看起来只有在通过 AJAX 调用检索数据时才会被调用。作为实验，您可以尝试传入不需要的数据:

var ppl = [{"name":"peterpeter", "work":"student"},
 {"name":"piotr","work":"student"}];