Heim > Artikel > Web-Frontend > 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:7Ich 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!