

ホームページにスムーススクロールを入れたくてindex.htmlのhead内に以下のコードを書きました。

[code]

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <!-- ＃リンクのスムーススクロール -->
        <script>
          $(function(){
            // #で始まるリンクをクリックしたら実行されます
            $('a[href^="#"]').click(function() {
              // スクロールの速度
              let speed = 400; // ミリ秒で記述
              let href= $(this).attr("href");
              let target = $(href == "#" || href == "" ? 'html' : href);
              let position = target.offset().top;
              $('body,html').animate({scrollTop:position}, speed, 'swing');
              return false;
            });
          });
        </script>
    
[/code]

ローカルで見たところ反映されましたので本番環境にアップしたところ適応されず、

> index.html:25 Uncaught ReferenceError: $ is not defined

というエラーがでていました。（該当箇所はスムーススクロールのスクリプトタグの一番初めの＄です。）  
jqueryのバージョンを変えてみたりして試しましたが改善は見られませんでした。  
理由がわかる方いましたら教えてください。


CC BY-SA 4.0
2021-05-18T04:58:01.820
75912
2021-05-18T04:58:01.820
45338
question
jquery
本番環境にjqueryが読み込めない