jquery autocompletar this.source no es un error de función

Implementé el autocompletado en un campo de entrada, pero el cuadro no aparece y Firebug devuelve “this.source no es una función”. He usado autocompletar en otros campos de la misma página sin ningún problema. (dos áreas de texto).

Estoy usando el siguiente código para depurar, el mismo efecto si ejecuto desde un archivo de script o desde la línea de comandos de Firebug.

var fakedata = ['test1','test2','test3','test4','ietsanders'];
$("#omschrijving").autocomplete(fakedata);

ejecutando jquery 1.4.2 y jquery ui 1.8.2, ambas versiones minimizadas.

¿Alguien tiene una idea de cómo la función de autocompletar funciona bien en las áreas de texto, pero provoca un mal funcionamiento en las entradas?

Rastreo de error y pila:

this.source is not a function
http://facturatie.autodealers.nl/dev/resources/js/jquery-ui-1.8.2.custom.min.js
Line 570
close(Object { name="a"})jquery....min.js (regel 570)
close(Object { name="a"}, Object { name="c"})jquery....min.js (regel 570)
response()

La respuesta es que el primer parámetro de la función de autocompletar debe ser un objeto que contenga la propiedad “fuente”. Esto funciona

var fakedata = ['test1','test2','test3','test4','ietsanders'];
$("#omschrijving").autocomplete({source:fakedata});

Si estaba tratando de usar autocompletar desde http://www.devbridge.com/projects/autocomplete/jquery/#demo, ahora choca con el método de autocompletar en jQuery UI. Tuve el mismo problema y luego noté que solo podía usar la implementación de jQuery UI.

(NOTA: parece que la documentación de esta página es incorrecta: http://docs.jquery.com/Plugins/Autocomplete#Setup)

Si lo usa con la biblioteca jQuery UI, también tiene un complemento llamado autocomplete. En este caso, puede usar el alias del complemento devbridgeAutocomplete:

$('.autocomplete').devbridgeAutocomplete({ ... });

Esto resuelve el problema con la colisión de jQuery UI

Como dijo Shelton, la versión de devbridge.com (1.1.3) choca con jQuery UI (1.8.4). Lo hice funcionar asegurándome de que la versión de devbridge se carga después de la versión de jQuery UI.

Tuve un problema similar para tagedit/autocompletar. Parece que también desea deshabilitar la función de autocompletar. Establecer la fuente en falso evita estos errores.

Solución:

options.autocompleteOptions.source = false;

Buscar al final de jquery.autocompletar.js la siguiente sección:

Cree un complemento jQuery encadenable:

$.fn.devbridgeAutocomplete = function (options, args) {....

Este devbridgeAutocomplete es un complemento alternativo para acceder a la misma funcionalidad usando estas líneas:

if (!$.fn.autocomplete) {
    $.fn.autocomplete = $.fn.devbridgeAutocomplete;
}

Entonces… puedes usar devbridgeAutocomplete en vez de autocompletar o cualquier nombre cambiando esto $.fn.devbridgeAutocomplete

en mi caso, tuve una segunda importación de jquery de la que no me di cuenta. Algo como:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"> </script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.devbridge-autocomplete/1.2.27/jquery.autocomplete.min.js"></script> 

// More code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"> </script>

Así que asegúrese de importar el script de autocompletar después de inicializar jquery.