2016-12-02 3 views
0

ich versucht bin, eine Ausnahme zu debuggen:Debuggen Uncaught Referenz Fehler

thumbnails.js:1 Uncaught ReferenceError: $ is not defined(…)

Ich bin nicht sicher, ob ich etwas anderes Einbeziehung jQuery bin fehlt. Ich habe die Abhängigkeitsdatei hinzugefügt, und das ist alles, was ich meiner Meinung nach brauchen sollte. Ich glaube, der Code, den ich eingefügt habe, ist auch korrekt.

Ich habe einige meiner HTML-und JavaScript-Code unten zur Verfügung gestellt.

von inventory.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
    <title>Rob's Rock 'n' Roll Memorabilia</title> 
    <link rel="stylesheet" href="css/default.css" /> 
    <script src="scripts/utils.js"></script> 
    <script src="scripts/thumbnails.js" type="text/javascript"></script> 
    <script src="scripts/jquery-3.1.1.slim.min.js"></script> 
</head> 

von thumbnails.js

$(window).ready(function() { 
     initPage(); 
    }); 
+0

Wo ist Ihre jquery Bibliothek Referenz? – Mairaj

+0

Auch '$ (window)' sollte '$ (document)' sein – Mairaj

Antwort

0

HTML geladen wird von oben nach unten aufgenommen wird, ist das Skript auch in der gleichen Reihenfolge geladen und sobald geladen ausgeführt.

Hier haben Sie thumbnails.js und dann jquery.js, geladen, so wird thumbnail.js zuerst geladen und verwendet die $ Objekt/Funktion jQuery und da jquery ist noch nicht $ ist nicht verfügbar, und deshalb sehen Sie diesen Fehler auf der Seite geladen. Achten Sie auf die Reihenfolge der Skript-Tags in Ihrem HTML-Code.

Zweitens bin ich nicht sicher über diese Thumbnail.js, wie es funktioniert, aber es ist ein $(document).ready(function() { //your code here }); gibt es nichts als window-ready-Ereignis, könnte es Fenster laden Ereignis sein.

0

Ihre Ladereihenfolge ist falsch. Verschieben Sie Ihr JQuery-Skript in der Ladereihenfolge über Ihr Thumbnails-Skript.

0

Die Reihenfolge der enthaltenen Skripts ist falsch

ich util.js nehme an, thumbnails.js erfordern jquery zu arbeiten.

aber Sie haben jquery nach ihnen. jquery Notwendigkeit, am Anfang

<script src="scripts/jquery-3.1.1.slim.min.js"></script> 
<script src="scripts/utils.js"></script> 
<script src="scripts/thumbnails.js" type="text/javascript"></script>