jQuery funktioniert nicht in HTML-Datei (JS LINT Fehler wie '$' wurde verwendet, bevor es definiert wurde)

Question

Ich verwende HTML, CSS und JS. Ich versuche, die JQuery-Bibliothek zu verwenden, aber sie wird von meiner HTML-Datei nicht erkannt. Ich füge es oberhalb meiner externen .js-Datei ein, also glaube ich nicht, dass das das Problem ist. Hier ist das, was in meiner HTML-Datei ist:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <script src="js/tether.min.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <script src="js/main.js"></script> 

Dies ist, was in meiner JS-Datei ist:

$(document).ready(function() { 
    $(window).scroll(function() { 
     if ($(window).scrollTop() > 970) { 
      $('.navbar').addClass('navbar-fixed-top'); 
     } 
    }); 
}); 

Mein Code-Editor Fehler zu werfen, wenn ich speichere diese Datei js aufgrund von Fehlern wie:

- '$' wurde verwendet, bevor es definiert wurde.

-Erwartete genau ein Leerzeichen zwischen ‚fucntion und '('

Wer weiß, was das Problem sein könnte? Vielen Dank im Voraus.

Answer 1

Das Problem in Ihrem <script>-Tag ist, wie @ B.Fleming sagte . vielleicht der HTTPS Protokoll Dieses Tag funktioniert:

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

Answer 2

Dies ist nicht das Problem sein könnte, aber Sie können die jquery-Datei von HTTPS (https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js) zu laden, um versuchen wollen, vor allem, wenn Sie auf einem Ihrer Website ausgeführt werden HTT PS-Verbindung.

Ansonsten scheint es zu funktionieren, wenn ich es testen:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script> 
 
$(document).ready(function() { 
 
\t $(window).scroll(function() { 
 
    if ($(window).scrollTop() > 970) { 
 
     $('.navbar').addClass('navbar-fixed-top'); 
 
    } 
 
    }); 
 
    console.log("done!") 
 
}); 
 
</script>

Answer 3

setzen diese in oben in Ihrem Code, wo Sie jQuery verwenden

/* global $ */ 

alternativ ist prefixing es mit window

Ich mag es nicht, das globale $ -Zeichen zu verwenden, weil andere Bibliotheken es auch benutzen. was ich benutzbar Dosis ist die $ von der Verschlussfunktion bekommen wie dieses

jQuery(function($){ 
    // document is ready, You may use jquery here and now 
    $('body') 
}) 

und wegzukommen mit jQuery ist nicht definiert Verwendung window.jQuery statt

ps, ​​laden immer Sachen von https wenn möglich