JQuery Autocomplete Dove i risultati sono collegamenti

Sto cercando di creare una casella di completamento automatico JQuery in cui le parole suggerite per il completamento automatico sono collegamenti (simili a ciò che accade su Facebook o Quora).

Fondamentalmente, voglio che i risultati del completamento automatico scendano e voglio che le persone siano in grado di fare clic su di essi e di essere spostati su una pagina diversa. Ecco il codice che sto usando attualmente

       $(document).ready(function() { $("input#autocomplete").autocomplete({ source: ["Spencer Kline", "Test Test Test Test Test Test Test Test Test", "php", "coldfusion", "javascript", "asp", "ruby"] }); });       

Questo è semplice Cambia la tua fonte in una serie di oggetti, come:

 var source = [ { value: "www.foo.com", label: "Spencer Kline" }, { value: "www.example.com", label: "James Bond" }, ... ]; 

Basta usare il metodo select per redirect al ‘valore’, ad esempio:

 $(document).ready(function() { $("input#autocomplete").autocomplete({ source: source, select: function( event, ui ) { window.location.href = ui.item.value; } }); });