2011-11-23 24 views
6

Estoy usando jQuery UI autocompletar e intento implementar la opción de autoenfoque.jQuery UI Autocompletar autoenfoque no funciona

La documentación indica lo siguiente: Si se establece en verdadero, el primer elemento se enfocará automáticamente.

Creé un ejemplo básico y no puedo ponerme a trabajar. Debo estar perdiendo algo obvio. Ver aquí: 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

¿Usted está consiguiendo un error? Lo que no funciona? – jrummell

+0

No se enfoca automáticamente en el primer elemento de la lista. De acuerdo con el enfoque automático, debería hacerlo. – Nicolo77

+0

Lamentablemente, no veo nada incorrecto con su código y el uso de la propiedad autoFocus. Ni siquiera puedo obtener sus propios demos para trabajar con ellos ... tu mejor opción es usar mi respuesta y enfocarte en el elemento que deseas enfocado en la carga. En realidad, en realidad se escriben menos caracteres para lograr el mismo efecto, por lo que no perderás nada al hacerlo de esa manera. –

Respuesta

6

Está utilizando una versión anterior de jQueryUI (1.8.9). La opción funciona bien con 1.8.16. De hecho, de acuerdo con the changelog, se agregó la opción autoFocus en 1.8.11, por lo que debería ser bueno con cualquier versión> = 1.8.11.

ver un ejemplo actualizado utilizando 1.8.16: archivohttp://jsfiddle.net/Bqujj/

+0

Estoy usando las últimas versiones, en realidad 1.9.0, pero no funciona ... – elvenbyte

+0

@elvenbyte: Aquí hay un ejemplo con la última versión: http://jsfiddle.net/Bqujj/60/ –

+0

Voy a Pongo mi propia pregunta con el código que estoy tratando de hacer funcionar, solo para no sobrellenar este hilo. Muchas gracias. – elvenbyte

0

mantener autoFocus = true, antes de que la opción de fuente. por ejemplo, como a continuación.

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

Esto no hará absolutamente ninguna diferencia. –

0

abierto Jquery-ui.js y la búsqueda de "autocompletar". Cambia "autoenfoque" a "verdadero". p.

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

Screen shot of config

Cuestiones relacionadas