ReferenceError: Kann Variable nicht finden: $

Ich verwende jQuery. Dies ist meine Codierung auf meiner Hauptseite:

<script type="text/javascript" src="https://stackoverflow.com/questions/21417836/script.js"> 
</script>

und meine script.js ist:

$(document).ready(function(){    
     $("#title").click(function () {
        alert("Works!");
    });
});

Meine vollständige Codierung finden Sie hier: http://pasti.org/8676656.

Mit einem Tool im Browser habe ich einen Fehler in meinem Javascript-Code gefunden:

ReferenceError: Can't find variable: $

Online:

$(document).ready(function() {

Jede Hilfe wäre willkommen.

Sie müssen jQuery importieren, bevor Sie es verwenden können:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="https://stackoverflow.com/questions/21417836/script.js"></script>

Beachten Sie, dass es verwendet wird // als Protokoll (nicht http:// oder https://), bedeutet dies: Wenn Ihre .html-Datei unter a http:// server, es bekommt jQuery von http://ajax.google...und wenn es bei a ist https:// Server, es wird es bekommen https://ajax.google....

Notiz: Wenn Sie während der Entwicklung Ihre HTML-Datei in Ihrem Browser statt auf einem Server öffnen, sollten Sie das Protokoll wie in dieser Antwort angeben, sonst funktioniert es nicht:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

Außerdem sollten Sie, wenn möglich, Ihre .js-Dateien am Ende der Seite platzieren, direkt vor dem Schließen </body>. Sehen Sie mehr in Hier.

Importieren Sie jQuery vor Ihrem Code

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"><script>

Enthalten jQuery vor deinem Skript

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js></script>

Dies ist ein JQuery-Ladeproblem. Laden Sie JQuery vor Ihrem gesamten Code und Skript.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" ></script>