ここに質問の内容を詳しく書いてください。
このサイトの模写をしたんですが、うまくjsファイルを読み込んでくれません。もちろんちゃんとjQueryの公式サイトに書いてあったコードをコピペしました。
何が原因なのか分からないので質問しました。
実現したいこと
クリックして動くようにしたい
発生している問題・エラーメッセージ
デモサイトのようにならない
該当のソースコード
(index.html) <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="テキストテキストテキストテキスト"> <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css"> <link rel="stylesheet" href="style.css"> <title>タイトル</title> </head> <body> ＜中略＞ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script src="main.js"></script> </body> </html> (main.jsファイル) $(function(){ $("#ac-menu .label").on("click", function() { $(this).next().slideToggle(); $(this).toggleClass("open"); }); });
試したこと
scriptのコードをhead内に書き換えもしましたが、変わりませんでした。
0 コメント