ERROR:'$' is not defined.[no-undef]どこが違う？

Question

前提・実現したいこと

スクロール量に応じて、画像を変化させようとしています。
このエラーの意味が分かりません。
どなたかお教え下さい！

発生している問題・エラーメッセージ

ERROR:'$' is not defined.[no-undef]

該当のソースコード

// JavaScript Document
$(function(){
    $('window').scroll(function(){
        var works = $('#main_top2 h2').offset().top;
        var navi = $('#fixed img').scrollTop();
        if(navi > works){
           $('#fixed img').attr('src','image/nav2.jpg');
           }
    })
    $('window').scroll(function(){
        var profile = $('#main_top2 h2').offset().top;
        var navi = $('#fixed img').scrollTop();
        if(navi > profile){
           $('#fixed img').attr('src','image/nav3.jpg');
           }
    })
  });

試したこと

ネットで解決法を参考に、下記の記述にしましたが変わりませんでした。
<script src="js/jquery-3.3.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
</script>

<script src="js/index.js"></script>

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[退会済みユーザー]

js/jquery-3.3.1.min.js を追記されたということですが、そのファイルは配置されているのでしょうか？

[mather]

なぜ jquery が2つ呼び出されてるんですか？

[mather]

「該当のソースコード」は index.js の中身の全てですか？それとも <script> タグで別に記述されているソースコードですか？

[asuyan01]

正確にはhttps://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.jsを追記しました！　https://ja.stackoverflow.com/questions/7641/is-not-definedエラーの解決方法　←こちらのサイトにこの解決法がのっていましたので。

[asuyan01]

index.jsの中身全てです！

Answer 1

これはエラーと言うより、（おそらくはESLintなどの）チェックツールが出すメッセージですが、これらはJavaScriptを単体で見るため、「HTMLで読み込んで$がセットされている」ことを認識できません。

冒頭に/* global $ */のようなコメントを入れて、「別な箇所で$が存在している」ことを伝えておきましょう。

Comments

[asuyan01]

エラー表示が消えました！ありがとうございました！