jQuery UI completamento automatico non funziona per me

ho bisogno di jQuery autocomplete per un progetto, ma non funziona per me. non so dove sia il mio errore. grazie in anticipo!

<!DOCTYPE html>
<html>
<head>
    <meta charset="iso-8859-1" />
    <title>Votre titre</title> 

    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" />
</head>
<body>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
    <script>
        var liste = [
            "Draggable",
            "Droppable",
            "Resizable",
            "Selectable",
            "Sortable"
        ];

        $('#recherche').autocomplete({
            source : liste
        });
    </script>

    <form>
        <input type="text" id="recherche" />
    </form>
</body>
</html>

EN From: jQuery UI autocomplete doesn’t work for me

More similar articles:

3 Comments

  1. hai più problemi con la sintassi html qui:

    • spostare i tag script per i file jquery nel tag head
    • spostare lo script dopo il corpo

    lo script deve essere dopo il tag body o può essere posizionato al posto del tag head e utilizzare un controllo pronto per consentire l’esecuzione dopo il caricamento della pagina (vedere http://learn.jquery.com/using-jquery-core/document-ready/). il codice incluso all’interno di $( document ).ready() verrà eseguito solo una volta che la pagina Document Object Model (DOM) è pronta per il codice JavaScript da eseguire.

        <!DOCTYPE html>
    <html>
    <head>
        <meta charset="iso-8859-1" />
        <title>Votre titre</title> 
            <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
        <link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" />
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
    </head>
      <body>
          <form>
              <input type="text" id="recherche" />
          </form>
      </body>
        <script>
            var liste = [
                "Draggable",
                "Droppable",
                "Resizable",
                "Selectable",
                "Sortable"
            ];
    
           $('#recherche').autocomplete({
                source : liste
            });
        </script>
    </html>

    vedi un esempio di lavoro qui

Leave a Reply

Your email address will not be published. Required fields are marked *