2011-05-20 4 views
1

J'ai donc affaire à JQuery auto complete.jquery autocomplete

J'inclus jquery et auto jquery complète.

<script src="../../jquery/jquery.js"></script> 
    <script src="../../jquery/jquery.autocomplete.js"></script> 

<script> 
$(document).ready(function() { 
    var townList = ["London","Manchester"]; //establish user town list 
    $("input#townSearcher").autocomplete({source:townList}); 
} 
    </script> 

<input type="text" id="townSearcher" /> 

La saisie semi-automatique ne fonctionne pas lorsque je mets Lon ou Manc par exemple, qu'est-ce que je manque dans cet exemple simple?

Répondre

3

vous devez donner un objet

$("input#townSearcher").autocomplete({source:townList}); 

working demo

est ici le autocomplete documentation

modifier

vous pouvez essayer d'utiliser cdn

<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script> 
+0

je viens d'essayer, je trouve étrange comment cela fonctionne sur votre exemple et (nw j'ai édité mon code) ne fonctionne toujours pas dans ma page .. il y a 0 erreurs, 0 avertissements et je ne pense pas que quelque chose d'autre le casse sur la page.:/ – John

+0

lol je mettrai à jour ma jquery, blurh ty – John

2

Assurez-vous que le DOM est chargé. Vous devez envelopper votre jquery dans l'événement onload.

$(function() { 
    $("input#townSearcher").autocomplete(townList); 
}); 

Voici une jsFiddle de travail:

Here

+0

votre violon ne fonctionne pas! – mcgrailm

+0

@mcgrailm Je ne suis pas sûr de ce que vous voyez, mais ça fonctionne bien. Je n'ai pas de CSS, mais la saisie semi-automatique fonctionne très bien. Tapez un «L» ou un «M» et il montrera les résultats. –

+0

Je reçois une erreur dans ff4 dire 'Erreur: $ ("input # townSearcher"). Saisie semi-automatique n'est pas une fonction Fichier source: http://fiddle.jshell.net/keroger2k/AftpL/1/show/ Ligne: 25 " – mcgrailm