JSが機能せず、「304 Not Modified」が表示されてしまいます。

Question

レスポンシブのメニューを作ろうと、https://codepen.io/samiralley/pen/xvFdcというサイトからコードを引っ張ったのですが、JSのほうは機能しないようです。どう直したらいいかわからないので、どなたか教えていただけますでしょうか。

引っ張ってきたコードは下記の通りとなります。

$('#header').prepend('<div id="menu-icon"><span class="first"></span><span class="second"></span><span class="third"></span></div>');
	
	$("#menu-icon").on("click", function(){
    $("nav").slideToggle();
    $(this).toggleClass("active");
});

Comments

[CHERRY]

Webブラウザの開発者ツールでエラーが出ていると思いますので、どのようなメッセージが出ているかチェックしてください。

[leoairen]

ご回答ありがとうございます。関連メッセージは見つかりませんでした。「304 Not Modified」では直接関係なさそうでしょうか。コードの書き方に間違いがあるかと思ったのですが、いかがでしょうか。

Answer 1

スクリプトを外部ファイルとして読んでいましたが、HTMLファイル内に書き込んだら機能するようになりました。理由はまだわからないのですが、一応解決しました。ありがとうございました。