Q&A
ディレクトリ構成を教えてください
jQueryの勉強をしている初心者です。
学校の課題で、下記コードを組みました（コメント部分）
で、正常に動いたので、もう一度一から自分で組んでみようと思い、動いたコードをコメントにして、
$(function(){
alert("on");
});
と記述したところ、この時点でもう動かず、、、
何が違うのでしょうか？？( ´△｀)
jQuery
1<script type="text/javascript" src="js/jquery.js"></script> 2<script> 3 // $(function(){ 4 // alert("on"); 5 // $(".course").on("click", function(){ 6 // if($(this).hasClass("on")){//↓2回目のクリック 7 // 8 // $(this).removeClass("on"); 9 // // $(this).css("background-image", "url(img/reserve/select_off.png)");//肌色 10 // // $("p",this) .css("color", "#FFF"); 11 // 12 // } 13 // else{//1回目のクリック 14 // //↓全要素のリセット 15 // // $(".course").css("background-image", "url(img/reserve/select_off.png)");//肌色 16 // // $(".course p") .css("color", "#FFF"); 17 // $(".course").removeClass("on"); 18 // //↓1回目のクリック時の条件変更 19 // // $(this).css("background-image", "url(img/reserve/select_on.png)");//灰色 20 // // $("p",this) .css("color", "#000"); 21 // $(this).addClass("on"); 22 // } 23 // }); 24 25 26$(function(){ 27alert("on"); 28}); 29 30 31</script> 32
ブラウザの開発ツールのコンソールに何かエラーが表示されてますでしょうか。
すいません、、ページを更新するのではなく、一回閉じて開き直したら動きました、、何が原因なのか(･д･`;)
キャッシュですかね。HTML、javascript、cssは前の情報を保持していてキャッシュクリアしないと最新の情報が読み込まれない可能性があるので何かしらでクリアしておくように仕込んでおいた方がいいかもしれません。https://www.nishishi.com/blog/2013/04/avoid_cache_que.html
なるほど！キャッシュってそういう事だったんですね！おかげで理解が深まりました！ありがとうございます！！
自身で回答を書いて自己解決とされては？（または既についている回答から今後のためになりそうな回答を選ぶとかでも良いですが）
回答3件
0
自己解決
ページを更新するのではなく、一回閉じて開き直したら動きました。
原因はキャッシュの読み込みだったようです。
投稿2018/03/26 06:20
総合スコア71
0
ディレクトリ構成がわからないので、なんとも言えないのですが、jQueryが読み込まれていない可能性があるので、jQueryをCDN（インターネット）経由で読み込ませて以下のように変更してみてはいかがでしょうか？
念のため実行されるソースを貼っておきます。
html
1<!DOCTYPE html> 2<html> 3<head> 4<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script> 5<title>HTML, CSS and JavaScript demo</title> 6</head> 7<body> 8 <script> 9 $(function(){ 10 alert('on'); 11 }); 12 </script> 13</body> 14</html>
投稿2018/03/26 05:44
総合スコア1036
0
一番可能性が高い理由は、
src="js/jquery.js"
ここに、jquery.jsが存在しない事です。
HTML
1<script type="text/javascript" src="js/jquery.js"></script>
この部分を
HTML
1<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
このように、外部リンク（jquery本家のCDN）にしてもう一度チャレンジです。
投稿2018/03/26 05:43
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
