ホームページにスムーススクロールを入れたくてindex.htmlのhead内に以下のコードを書きました。
<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>
ローカルで見たところ反映されましたので本番環境にアップしたところ適応されず、
index.html:25 Uncaught ReferenceError: $ is not defined
というエラーがでていました。(該当箇所はスムーススクロールのスクリプトタグの一番初めの$です。)
jqueryのバージョンを変えてみたりして試しましたが改善は見られませんでした。
理由がわかる方いましたら教えてください。