Autocomplete con JQuery UI

[Stackado]

Hola,

bueno despues de medio matarme en el intento de hacer funcionar el Autocomplete, creo que estoy cada vez mas cerca, eh logrado hacer que me realize la busqueda por consulta, y me devuelva el array en el formato que necesita el Autocomplete (Json), pero por una u otra razon no me aparecen las opciones, eh checado con el firebug y segun veo si me realiza la consulta y me devuelve las coincidencias, pero no me muestra las opciones, solo me muestra un pequeño espacio en blanco debajo del input donde estoy escribiendo, segun el firebug el errore esta en el

jquery-ui-1.8.5.custom.min.js
jquery-1.4.2.min.js

mas yo no lo creo, mas bien considero que mi error esta en la funcion en la que mando llamar al autocomplete:

Código Javascript:

<script language="JavaScript" type="text/javascript">
        $(function() {
            $( "#depen" ).autocomplete({
                source: "prueba2.php",
                minLength: 2,
                })
            });         
</script>
 

Segun los ejemplos que eh visto en la red aparte de ese se incluye una funcion para desplegar las opciones mas no se si sea obligatoria (no la tengo) , vendria siendo a la que encontre en la red, la siguiente:

Código Javascript:

}).data( "autocomplete" )._renderItem = function( ul, item ) {
                    return $( "<li></li>" )
                        .data( "item.autocomplete", item )
                        .append( "<a>" + $('<textarea/>').html(item.value).val() + "</a>" ) <!-- selecciona el nombre de la institucion -->
                        .appendTo( ul );
                };
 

Aunque francamente no uedo encontrar el problema, quisiera un poco de ayuda.

[JoseTejada]

Si haces un alert con la data devuelta?? q te sale??

[GatorV]

Tema movido desde PHP a Frameworks y Plugins Javascript

[mayid]

No se si esto te solucione en algo el problema con Firefox, pero para IE es importante. Sacá la ultima coma de aqui:

minLength: 2,

[neez]

Intenta con esto aver si te sirve el ejemplo

Código HTML:

<meta charset="utf-8">
    
    
    
    
    
    
    
    
    <style>
    .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
    </style>
    <script>
    $(function() {
        function split( val ) {
            return val.split( /,\s*/ );
        }
        function extractLast( term ) {
            return split( term ).pop();
        }

        $( "#birds" ).autocomplete({
            source: function( request, response ) {
                $.getJSON( "search.php", {
                    term: extractLast( request.term )
                }, response );
            },
            search: function() {
                // custom minLength
                var term = extractLast( this.value );
                if ( term.length < 2 ) {
                    return false;
                }
            },
            focus: function() {
                // prevent value inserted on focus
                return false;
            }
        });
    });
    </script>



<div class="demo">

<div class="ui-widget">
    <label for="birds">Birds: </label>
    <input id="birds" size="50" />
</div>

</div><!-- End demo -->



<div class="demo-description">
<p>Usage: Enter at least two characters to get bird name suggestions. Select a value to continue adding more names.</p>
<p>This is an example showing how to use the source-option along with some events to enable autocompleting multiple values into a single field.</p>
</div><!-- End demo-description --> 

Si encuentras la forma de mostrar acentos dime eso es lo que yo necesito jeeje