jQueryがhtmlファイルで動作しません（定義前に '$'などのJS LINTエラーが使用されました）

Question

私はHTML、CSS、およびJSを使用しています。私はJQueryライブラリを使用しようとしていますが、私のHTMLファイルでは認識されません。私は外部の.jsファイルの上に挿入しているので、それは問題ではないと思います。

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

私のコードエディタ、私はこれが原因のようなエラーのファイルをJS保存するときにエラーを投げている：

<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> 

これは私のJSファイルにあるものである：ここに私のHTMLファイル内にあるものです

- '$'が定義される前に使用されました。 「fucntionと 『の間

-Expectedは、厳密に1つのスペース（』問題が何であるか

誰もが知っていますか？事前に感謝。

Answer 1

B.Flemingが言っ@ような問題は、あなたの<script>タグであります。多分HTTPSプロトコルこのタグは、働いている：

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

Answer 2

これは問題ではないかもしれませんが、あなたは、あなたがANにあなたのサイトを実行している場合は特に、HTTPS（https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js）でjqueryのファイルをロードしようとすることを望むかもしれませんHTT PS接続。

私はそれをテストする場合それ以外の場合は、動作しているようです：

<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

あなたはalternativが接頭辞れるjQueryの

/* global $ */ 

を使用しているあなたのコードの先頭でこれを置きますそれでwindow

グローバル$サインを使うのは好きではありません。他のライブラリも同様です。私は投与量は、この

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

のような閉鎖機能から$を得ているとjQueryを使って逃げるためにusablyは使用window.jQueryが定義されていない代わりに

PS