jQuery autocomplete ne fonctionne pas

J'ai passé de nombreuses heures à essayer de comprendre ce qui empêche la fonction de saisie semi-automatique jQuery de fonctionner, donc j'apprécierais vraiment toute aide. Je reçois l'erreur suivante dans IE et un similaire dans Chrome et Firefox:jQuery autocomplete ne fonctionne pas

Erreur d'exécution JavaScript: Object ne supporte pas la propriété ou la méthode « autocomplete »

D'après ce que j'ai fait des recherches, je comprends que cela est en raison d'un fichier de référence js mais aucune des solutions que j'ai vu ont fonctionné. Voici les références à la js-ui et le fichier js général:

<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Autocomplete - Custom data and display</title> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
    <script src="~/Scripts/jquery-1.10.2.js"></script> 
    <script src="~/Scripts/jquery-ui-1.11.4.js"></script> 
</head>

Et voici où je le mettre en œuvre:

<script type="text/javascript"> 
     $(document).ready(function() { 

      $("#school").autocomplete ({ 
       minLength: 2, 
       source: schools, 
       select: function (e, ui) { 
        e.target.value = ui.item.label; 
        $("#schoolValue").val(ui.item.value); 
        e.preventDefault(); 
       } 
      }); 
</script> 
<input id="school" class="register-field" placeholder="School" type="text" />

Cela a été me rend absolument fou si j'apprécie à nouveau toute aide!

Source

2015-10-12 Christian

peut u poster échantillon de ce que "les écoles" est? voyez-vous des erreurs sur la console? –

qu'avez-vous dans la variable "écoles", tableau de chaîne? –

écoles est un tableau d'universités (label) avec leurs ID de base de données comme valeur. Dans la console en chrome, il est dit "Uncaught TypeError: $ (...). Autocomplete n'est pas une fonction" – Christian

Essayez ceci:

<script type="text/javascript"> 
    $(function() { 
     $("#school").autocomplete ({ 
      minLength: 2, 
      source: schools, 
      select: function (e, ui) { 
       e.target.value = ui.item.label; 
       $("#schoolValue").val(ui.item.value); 
       e.preventDefault(); 
      } 
     }); 
    }); 
</script> 
<input id="school" class="register-field" placeholder="School" type="text" />

Source

2015-10-12 19:36:20

Désolé, mais cela donne toujours la même erreur. – Christian

@Christian Il semble toujours que l'interface utilisateur de jQuery ne se charge pas correctement. Ajoutez 'alert ($. Ui.version);' comme première instruction dans votre bloc de document prêt. Si le numéro de version n'apparaît pas dans la boîte d'alerte, l'interface utilisateur de jQuery ne se charge pas correctement ... – War10ck

Référez-vous à: http://stackoverflow.com/questions/32116618/uncaught-typeerror-autocomplete-is-not-a- fonction –

jQuery autocomplete ne fonctionne pas

Répondre

Questions connexes