2011-11-23 16 views
6

Sto utilizzando il completamento automatico dell'interfaccia utente jQuery e sto tentando di implementare l'opzione autoFocus.jQuery UI Autocomplete autoFocus non funzionante

La documentazione indica quanto segue: Se impostato su true, il primo elemento verrà messo a fuoco automaticamente.

Ho creato un esempio di base e non riesco a mettermi al lavoro. Devo mancare qualcosa di ovvio. Vedi qui: http://jsfiddle.net/9bQJX/

$("#autocomplete").autocomplete({ 
    source: [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ], 
    autoFocus: true 
}); 
+0

State ottenendo un errore? Cosa non funziona? – jrummell

+0

Non è la messa a fuoco automatica sul primo elemento nell'elenco. Secondo autoFocus dovrebbe farlo. – Nicolo77

+0

Purtroppo non vedo nulla di sbagliato con il tuo codice e l'uso della proprietà autoFocus. Non riesco nemmeno ad avere le demo per lavorarci ... la cosa migliore è usare la mia risposta e focalizzare l'attenzione sull'elemento che vuoi mettere a fuoco. In realtà è in realtà meno caratteri digitati per ottenere lo stesso effetto in modo da non perdere nulla in questo modo. –

risposta

6

Si sta utilizzando una vecchia versione di jQueryUI (1.8.9). L'opzione funziona bene con 1.8.16. In effetti, in base a the changelog, l'opzione autoFocus è stata aggiunta in 1.8.11, pertanto è consigliabile utilizzare qualsiasi versione> = 1.8.11.

vedere un esempio aggiornato utilizzando 1.8.16: file dihttp://jsfiddle.net/Bqujj/

+0

Sto usando le ultime versioni, in realtà 1.9.0, ma non funziona ... – elvenbyte

+0

@elvenbyte: Ecco un esempio utilizzando l'ultima versione: http://jsfiddle.net/Bqujj/60/ –

+0

I'll metto la mia domanda con il codice che sto cercando di fare funzionare, solo per non riempire troppo questo thread. Molte grazie. – elvenbyte

0

mantenere autoFocus = true, l'opzione di origine prima. ad esempio come sotto.

$("#autocomplete").autocomplete({ 
    **autoFocus : true,** 
    source: [ 
     "ActionScript", 
     "AppleScript" 
    ] 
}) 
+3

Questo non farà assolutamente nessuna differenza. –

0

aperto Jquery-ui.js e la ricerca di "completamento automatico". Cambia "autoFocus" su "true". ad es.

$.widget ("ui.autocomplete", { 
    version: "1.12.1", 
    ... 
    ... 
    options: { 
     ... 
     ... 
     autoFocus: true, 
     ... 
     ... 

Screen shot of config

Problemi correlati