現在制作中のWebページにjQueryを使ってページ内リンクをスムーズスクロールで移動する機能を実装しようとしていますが、外部のjsファイルが読み込めません。どうすればよいのでしょうか?
- デベロッパーツールで確認したところ、jQueryのCDNは読み込めているようでしたが、jsファイルは読み込めていませんでした。
- リンクの # のつけ忘れはないです。
- jQueryのコード自体にエラーは出ていませんが、もし指摘があればお願いします。
HTML
1<head> 2<link rel="stylesheet" href="css/resetstylesheet.css"> 3<link rel="stylesheet" href="css/stylesheet.css"> 4<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 5<script type="text/javascript" src="js/script.js"></script> 6</head>
以下2つも試しましたが、読み込まれませんでした。
html
1<script type="text/javascript" src="/js/script.js"></script>
html
1<script type="text/javascript" src="./js/script.js"></script>
jsファイルの中にscript.jsが入っています。
スムーズスクロールのjQueryです
javascript
1$(function(){ 2 $('a[href^="#"]').click(function(){ 3 var speed = 500; 4 var href= $(this).attr("href"); 5 var target = $(href == "#" || href == "" ? 'html' : href); 6 var position = target.offset().top; 7 $( 'body,html').animate({scrollTop:position}, speed, "swing"); 8 return false; 9 }); 10 });
回答2件
あなたの回答
tips
プレビュー