web-dev-qa-db-fra.com

la saisie semi-automatique jquery ne fonctionne pas

Quelqu'un pourrait-il me dire pourquoi mon code pour la saisie semi-automatique jquery ne fonctionne pas?

Voici mon code 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>

Et voici mon html:

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

Merci,

Lance

jqueryautocomplete
14
Lance

Avertissement: il s'agit d'une ancienne réponse à une ancienne question datant de 2011. Il est conseillé d'utiliser une version plus récente de jQuery et de consulter la référence de l'API pour obtenir des conseils.

Le problème que vous rencontrez est que vous utilisez le plugin jQuery Autocomplete mais vous l'appelez comme vous appelleriez --- jQuery UI autocomplete .

Si vous utilisiez la saisie semi-automatique jQuery UI, le code lui-même fonctionne très bien comme vous pouvez voir dans ce violon . Si vous utilisez le plugin de saisie semi-automatique, vous devez remplacer l'appel par

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

Suggestions:

  1. Utilisez la saisie semi-automatique dans l'interface utilisateur jQuery au lieu du plug-in de saisie semi-automatique. Ce dernier est obsolète.
  2. Correctif http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js , ce n'est pas accessible pour le moment

Code complet pour 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>

Code complet pour le plugin de saisie semi-automatique:

<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>
20
Aleksi Yrttiaho

Essayez de changer

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

à

$("#seed_one").autocomplete(data);
5
Can't Tell