Fehler beim Einführen der Bootstrap+JQuery-Datei

Dieses Mal bringe ich Ihnen Bootstrap+JQuery-Datei-Einführungsfehler, Bootstrap+JQuery-Datei-Einführungsfehler, was sind die Vorsichtsmaßnahmen, das Folgende ist ein praktischer Fall, nehmen wir einen sehen .

Bei der Arbeit an einem Projekt werden immer verschiedene Fehler in der Konsole auftauchen. Tatsächlich besteht kein Grund zur Panik. Letztendlich kann ich nur wenige Arten von Fehlern zusammenfassen Fehler, auf den ich während der Entwicklung stoße. Wenn Sie ihn das nächste Mal sehen, werden Sie eine gute Vorstellung davon haben, was während des Entwicklungsprozesses vor sich geht.

Fehler 1: Nicht erfasster Referenzfehler: $ ist nicht definiert

Uncaught ReferenceError: $ is not defined
Uncaught ReferenceError: jQuery is not defined

Fehlergrund: Datei Die Reihenfolge des Ladens ist falsch. Die Reihenfolge der jQuery-Dateien sollte vorne sein

Methode: jQuery-Dateien vor allen Skriptdateien schreiben

Fehler 2: Problem mit relativem und absolutem Pfad der JSP-Seite:

Normaler Pfad: ../../ in HTML , wechseln Sie zu jsp. Die Seite kann den Pfad nicht finden und sieht folgendermaßen aus:

Zu diesem Zeitpunkt müssen Sie nur diesen Code zur Datei hinzufügen:

Lösung: Fügen Sie den folgenden Code zwischen (. ..).tooltip ist keine Funktion

<%
 String path = request.getRequestURI();
 String basePath = request.getScheme() + "://"
   + request.getServerName() + ":" + request.getServerPort()
   + path;
%>
<base href="<%=basePath%>" rel="external nofollow" >

Grund: Enthält zwei verschiedene Versionen der jQuery-Benutzeroberfläche. Dies kann zu Konflikten führen. Versuchen Sie,

Uncaught TypeError: $(...).tooltip is not a function
 at HTMLDocument.<anonymous> (app.js:42)
 at l (jquery.min.js:4)
 at Object.fireWith [as resolveWith] (jquery.min.js:4)
 at Function.ready (jquery.min.js:4)
 at HTMLDocument.S (jquery.min.js:4)

zu entfernen. Lösung:

Bearbeiten:

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

Verwenden Sie es so, mein Problem wurde gelöst!

<script>
jQuery( document ).ready(function( $ ) {
 $('.hasTooltip').tooltip();
});
</script>

Fehler vier: Uncaught TypeError: $(...).sortable ist keine Funktion

Fehler fünf: bootstrap.min.js:7 Nicht erfasster Fehler: Bootstrap erfordert jQuery

Uncaught TypeError: $(...).sortable is not a function
 at HTMLDocument.<anonymous> (dashboard.js:12)
 at l (VM552 jquery.min.js:4)
 at Object.fireWith [as resolveWith] (VM552 jquery.min.js:4)
 at Function.ready (VM552 jquery.min.js:4)
 at HTMLDocument.S (VM552 jquery.min.js:4)

Lösung: Lösung: Ändern Sie jquery min. js wird vor der Datei „bootstrap.min.js“ referenziert, und es spielt keine Rolle, ob die Datei „bootstrap.min.css“ vor oder nach den beiden Dateien referenziert wird (mehrmals getestet).

bootstrap.min.js:7 Uncaught Error: Bootstrap requires jQuery
 at bootstrap.min.js:7

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website !

Empfohlene Lektüre:

Ajax in JQuery anfordern und Ajax im Servlet antworten

JQuery auf der Startseite implementieren. Daten laden sofort

Verknüpfungseffekt zwischen Eingabefeld und Dropdown-Feld erzielen

Das obige ist der detaillierte Inhalt vonFehler beim Einführen der Bootstrap+JQuery-Datei. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!