Q&A
こちらの環境では再現せず、クリックで消えました。
consoleにエラーなどは出ていませんか？
前提・実現したいこと
jQueryを使用して、「ここをクリックするとテキストが非表示になります。」というテキストをクリックすると非表示になるようにしたい。
発生している問題・エラーメッセージ
「ここをクリックするとテキストが非表示になります。」を押下してもテキストが非表示にならない。
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Bootstrapの練習</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.css"> <script type="text/javascript" src="js/bootstrap.js"></script> <script type="text/jacasctipt" src="js/jquery-migrate-1.4.1.min.js"></script> <script> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> <body> <h1>ボタンの練習</h1> <a href="#" class="btn btn-success">ボタン</a> <a href="#" class="btn btn-warning">ボタン</a><br> <p>ここをクリックするとテキストが非表示になります。</p> </body> </html>
補足情報（FW/ツールのバージョンなど）
jqueryは初めて使いますので、わかりやすく教えていただければ幸いです。
【参考ページ】
https://proengineer.internous.co.jp/content/columnfeature/12468
確認したところ、下のようなエラーが出ておりました。
これはどういうことなのでしょうか…？
変数の綴り等が間違っているということでしょうか。
index.html:11 Uncaught ReferenceError: $ is not defined
at index.html:11
回答1件
0
ベストアンサー
恐らくですが、
<script type="text/jacasctipt" src="js/jquery-migrate-1.4.1.min.js"></script>
に問題がありそうです。
ご連絡いただいたエラーはjqueryが読み込まれていないのに、jqueryを使用しようとするとでるエラーだったと思います。
一度、上記の部分を
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
などに書き換えてみて下さい。
これで動くのでしたら、
"js/jquery-migrate-1.4.1.min.js"
に間違いがあるのかと思います。
フォルダ構造やファイル名をご確認下さい。
投稿2020/12/12 03:41
総合スコア563
上手く動きました。ありがとうございます。
ベストアンサーにも選ばせて頂きました。
上手く言ったようで何よりです。
また機会がありましたら宜しくお願い致します。
こちらこそよろしくお願いします。
あなたの回答
tips
プレビュー
