it-swarm.com.de

TypeError: $ (...). Das Dialogfeld ist keine Funktion. Fehler

Ich habe Threads zu diesem Thema über SO gelesen, kann aber nicht den erforderlichen O/P erhalten. Sie sagten, dass dieses Problem entsteht, weil einige js-Dateien mehrmals eingefügt werden. Ich habe jedoch versucht, die mehreren Dateien nacheinander zu entfernen, aber immer noch den TypeError: $(...).dialog is not a function-Fehler zu erhalten. Wo füge ich mehrere Js-Dateien hinzu? Kann jemand bitte darauf hinweisen. Vielen Dank.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="{% static "js/bootstrap.js" %}" ></script>
<script type="text/javascript" src="{% static "dashboard/js/jquery-ui-personalized-1.6rc2.min.js" %}" ></script>
<script type="text/javascript" src="{% static "dashboard/js/inettuts.js" %}" ></script>    
<script type="text/javascript" src="{% static "dashboard/js/dashboard.js" %}" ></script>

Die Fehler die ich bekomme sind: -

Error: Syntax error, unrecognized expression: #intro,
    ...nction(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"...    
jquery.min.js (line 4)

TypeError: t.widget.extend is not a function
    ..."drag",e,s)===!1)return this._mouseUp({}),!1;this.position=s.position}return thi...
   jquery-ui.min.js (line 5) 
8

Es gibt ein paar jQuery-Bibliotheken, die auf derselben Seite geladen werden (verschiedene Versionen derselben Sache), was falsch ist, es sei denn, Sie müssen alte Plugins wirklich weiterarbeiten lassen, die von früheren Versionen abhängen. In diesem speziellen Fall müssten Sie die Konflikte ausarbeiten.

Das ist alles was Sie brauchen:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="{% static "js/bootstrap.js" %}" ></script>
<!-- Not so sure what is this, but certainly it's another jQuery UI library being loaded on top of the other one -->
<!-- <script type="text/javascript" src="{% static "dashboard/js/jquery-ui-personalized-1.6rc2.min.js" %}" ></script>-->
<script type="text/javascript" src="{% static "dashboard/js/inettuts.js" %}" ></script>    
<script type="text/javascript" src="{% static "dashboard/js/dashboard.js" %}" ></script>

Suchen Sie hier nach dem CSS-Stylesheet (spielen Sie mit dem Design): http://jqueryui.com/

Der jQuery UI-Dialog: http://jqueryui.com/dialog/

UPDATE

Nach unserem Chat mit den Kommentaren habe ich herausgefunden, dass Sie ein Plugin mit dem Namen inettuts verwenden, das auf wirklich alten Versionen der jQuery- und jQuery-UI-Bibliotheken (1.2.x) ... basiert. Außerdem verwendet es eine angepasste Version der jQuery-Benutzeroberfläche, die das Widget dialog nicht enthält, daher die erste Fehlermeldung.

Sie können versuchen, das Plugin so anzupassen, dass es mit neueren Versionen arbeitet (den Kommentaren auf seiner eigenen Website folgen) oder die Konflikte ausarbeiten und zwei Bibliotheken auf derselben Seite verwenden.

Es liegt nun an dir.

10
melancia

Stellen Sie sicher, dass Sie die js-Bibliotheken haben, auf die Sie in jsp/html im entsprechenden Ordner verweisen. Meistens handelt es sich dabei um den Ordner WebContent oder den Pfad, den Sie in jsp angeben. Für mich war es im Ordner/resources/scripts. Einmal habe ich die Bibliotheken dort hinzugefügt

0
sofs1

Sehen Sie sich den generierten Quellcode an, finden Sie alle Verweise auf Jquery heraus und prüfen Sie, ob es nur einen Verweis auf Jquery und einen auf Jquery UI gibt. 

0
TagFolks