2011-06-07 28 views
6

¿Existe una buena alternativa a la autocompleta de jQuery UI?Buena jQuery Autocompletar que no forma parte de jQuery UI?

No pude encontrar uno en internet. jQuery UI es demasiado grande para usar la función autocompletar, y no quiero lanzar otra autocompletar por mi cuenta.

Respuesta: la compilación personalizada de jQuery UI para solo autocompletar es de 23,052 bytes. SO uses el original Zaefferer version que se adaptó a la autocompleta de jQuery UI. Supongo que si es lo suficientemente bueno para SO, es lo suficientemente bueno para mí, lo bifurcó en agarzola en GitHub.

+1

¿Incluso con una compilación personalizada? –

+1

Posible duplicado: http://stackoverflow.com/questions/188442/whats-a-good-ajax-autocomplete-plugin-for-jquery. Al menos las (algunas de) las mismas respuestas se darán aunque la pregunta real sea un poco diferente. –

+0

¿Qué tan grande fue la construcción personalizada miniaturizada? –

Respuesta

5

se puede descargar una versión personalizada de jQuery UI con sólo los componentes que necesita de http://jqueryui.com/download. Haga clic en Deseleccione todos los componentes y luego haga clic en la casilla de verificación junto a Autocompletar. El archivo js minificado resultante tiene 20 KB sin comprimir.

+0

23,052 bytes en mi mac (hine). Core (4 archivos) + autocompletar. sin gzip. – CamelCamelCamel

+0

Parece que está usando los archivos en la carpeta 'development-bundle'? El archivo 'jquery-ui-x.x.xx.custom.min.js' en la carpeta 'js' debe incluir todo lo que necesita en un solo archivo. –

6

Búsqueda en Google de 'jquery autocomplete' pro ducido este DevBridge uno (y todos los demás):

http://www.devbridge.com/projects/autocomplete/jquery/

Ésta es también la respuesta más altamente upvoted no aceptado en el possible duplicate of this question.

+0

7,187 bytes minified. ¡Muy agradable! –

+0

Este fue el finalista. Se ve muy bien. – CamelCamelCamel

+0

Hasta ahora, el mejor. El segundo que sugiero es http://tomcoote.co.uk/code-bank/jquery-json-suggestsearch-box/ – ashraf

0

3 años vieja pregunta esto, pero ya que viene segundo en los resultados de Google para la "mejor alternativa autocompletar jquery-ui" Creo que vale la pena colocar un enlace aquí para TYPEAHEAD aplicación de Twitter: http://twitter.github.io/typeahead.js/

poco molesto que te podría necesitar el motor de plantillas de Hogan para que funcione (agregando algunos kb más a la carga), pero si inviertes el tiempo para leer los documentos, valdrá la pena.

He sustituido "Búsqueda de ubicación" aplicación jQuery UI después de 30 minutos de leer los documentos con la estructura (simplificada) código de abajo:

$('.location_text_field').typeahead({ 

    name : 'locations', 
    remote : { 
     url : "/get_locations.php", 
     filter : function (response) { 
      return response.locations; 
     } 
    }, 
    template : '<p>{{{label}}}</p>', 
    engine : Hogan 

}).on({ 

    // When the user selects a location do something clever 
    'typeahead:selected' : function (e, datum) { 
     // Doing something clever here.... 
    }, 

    // Reset the cleverness above if the user changed 
    // the text of the field manually on his own 
    'keyup' : function() { 
     // Reset cleverness 
    } 

}); 

... y funciona como un encanto.

0

Sólo estaba buscando una alternativa a mí mismo y encontré este

https://github.com/onigoetz/jquery.autocomplete

Utiliza jQuery, pero no jQuery UI. Es consciente del tamaño y es compatible con jQuery UI. Es "bifurcado de agarzola/jQueryAutocompletePlugin" en github.

Puede que no tenga el respaldo de la bien conocida implementación de jQuery UI, pero lo probé, y ahora mismo parece ser todo lo que se anuncia.

Cuestiones relacionadas