jquery autocompletar no funciona

¿Podría alguien decirme por qué mi código para el autocompletado de jquery no funciona?jquery autocompletar no funciona

Aquí está mi código javascript.

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.bgiframe.min.js"></script> 
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js"></script> 
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"]; 
     $("#seed_one").autocomplete({ source: data }); 
    }); 
</script>

Y aquí es mi html:

<input id="seed_one" type="text" name="seed_one"/><br /> <br />

Gracias,

lanza

Fuente

2011-04-03 Lance

Advertencia: Esta es una vieja respuesta a una vieja pregunta que data de 2011. Debe ser aconseja el uso de una versión más reciente de jQuery y comprobar la referencia de la API de orientación.

El problema que tiene es que está utilizando el jQuery Autocomplete plugin pero que está llamando la manera que llamarían la jQuery UI autocomplete.

Si usa el autocompletado de jQuery UI, el código en sí funciona bien, como puede see in this fiddle. Si utiliza el plugin el autocompletar, usted tiene que cambiar la llamada a

$("#seed_one").autocomplete(data);

Sugerencias:

Usar Autocompletar en jQuery UI en lugar del plugin autocompletar. Este último está en desuso.
Fix http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js, esto no podría ser el acceso en este momento

código completo de jQuery UI

<html> 
<head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"]; 
      $("#seed_one").autocomplete({source:data}); 
     }); 
    </script> 
</head> 

<body> 
    <input id="seed_one" type="text" name="seed_one"/> 
</body> 
</html>

código completo de autocompletar plugin:

<html> 
<head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
    <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"]; 
      $("#seed_one").autocomplete(data); 
     }); 
    </script> 
</head> 

<body> 
    <input id="seed_one" type="text" name="seed_one"/> 
</body> 
</html>

Fuente

2011-04-03 05:04:17

Hmmmm, todavía no funciona ... se está volviendo realmente frustrante ahora – Lance

Edi para incluir el código completo para casos, probado en FF 4. –

Muchas gracias. Tengo una tendencia a estar ausente algunas veces, así que probablemente me estaba perdiendo algo minúsculo. Jaja – Lance

Intente cambiar

$("#seed_one").autocomplete({ source: data });

$("#seed_one").autocomplete(data);

Fuente

2011-04-03 05:03:40

-3

*** 

> for Mvc Artitecture you must delete already imbended 
> @Scripts.Render("~/bundles/Jquery") and 
> @Scripts.Render("~/bundles/Jquaryval") on all .cshtml files at the 
> end and for also views/Shared/_layout.cshtml at the end and put our 
> jaquery suitable files on his suitables .cshtmls files in head...and 
> lets enjoy. put on head..these files 
> 
> <link href="~/Content/jquery-ui-1.10.4.custom.min.css" 
> rel="stylesheet" type="text/css" /> <script 
> src="~/Scripts/jquery-1.10.2.js" type="text/javascript"></script> 
> <script src="~/Scripts/jquery-ui-1.10.4.custom.min.js" 
> type="text/javascript"></script> 

***

Fuente

2017-01-05 07:39:54

Respuesta

Cuestiones relacionadas