it-swarm.com.de

TypeError: $ (...). Autocomplete ist keine Funktion

Ich erhalte den obigen Fehler, wenn ich den folgenden Code in einem Drupal Modul verwende.

jQuery(document).ready(function($) {
        $("#search_text").autocomplete({
            source:results,
            minLength:2,
            position: { offset:'-30 0' },  
            select: function(event, ui ) { 
                    goTo(ui.item.value);
                    return false;
            }        
    }); 
});

JQuery ist definitiv geladen, und ich habe versucht, eine andere Variable für $ zu verwenden - irgendwelche Ideen, was sonst das Problem sein könnte?

(Bearbeiten) Drupal spezifische Antwort für die automatische Vervollständigung:

drupal_add_library('system', 'ui.autocomplete');
22
rix

sie haben die JQuery UI-Bibliothek verpasst. Verwenden Sie CDN von Jquery UI oder laden Sie die Datei von Jquery Ui herunter, wenn Sie sie lokal benötigen

<link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet"></link>
<script src="YourJquery source path"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" ></script>
60
Ravi Gadag

Einfache Lösung: Die Reihenfolge ist wirklich wichtig, während die automatisch vervollständigten Bibliotheken eingeschlossen werden:

<link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet"></link>
<script src='https://cdn.rawgit.com/pguso/jquery-plugin-circliful/master/js/jquery.circliful.min.js'></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" ></script>
3
Mr world wide

In meiner Erfahrung habe ich zwei Jquery-Bibliotheken in meine Datei aufgenommen. Die Versionen waren Jquery 1.11.1 und 2.1. Plötzlich habe ich 2.1 Jquery aus meinem Code entfernt. Dann lief es und arbeitete gut für mich. Nach dem Ausprobieren der ersten Antwort. Bitte überprüfen Sie Ihre Datei, wie ich oben sagte.

2

Versuchen Sie diesen Code. Lassen Sie $ definiert werden

(function ($, Drupal) {

  'use strict';

  Drupal.behaviors.module_name = {
    attach: function (context, settings) {
        jQuery(document).ready(function($) {
      $("#search_text").autocomplete({
          source:results,
          minLength:2,
          position: { offset:'-30 0' },  
          select: function(event, ui ) { 
                  goTo(ui.item.value);
                  return false;
          }        
        }); 
        });
   }
  };
})(jQuery, Drupal);
0
joshua1234511

Fügen Sie diese einfach zu den Bibliotheken Ihres Projekts hinzu:

<link href="https://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.min.css" rel="stylesheet"></link>
<script src="https://code.jquery.com/ui/1.10.2/jquery-ui.min.js"></script>

Speichern und neu laden. Du bist gut zu gehen.

0
OMi Shah