JQuery autocomplete Problem

Question

Ich verwende JQuerys Autocomplete Plugin, aber es vervollständigt sich nicht automatisch bei der Eingabe von etwas.

Irgendeine Idee, warum es nicht funktioniert? Das grundlegende Beispiel funktioniert, aber nicht meins.

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);

Ok. Aktualisiert:

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

Wenn Sie also zum Beispiel "peter" in das Eingabefeld eingeben. Es erscheinen keine Vorschläge zur automatischen Vervollständigung. Es sollte "peterpeter" ergeben, aber es passiert nichts.

Und noch eine Sache. Die Verwendung dieses Beispiels funktioniert perfekt.

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

Answer 1

Wenn man sich den Code in diesem Plugin ansieht, sieht es so aus, als ob die Option "parse" nur aufgerufen wird, wenn die Daten durch einen AJAX-Aufruf abgerufen werden. Als Experiment könnten Sie versuchen, die Daten so zu übergeben, dass Sie sie nicht benötigen:

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