Q&A
jQueryが動かない理由がわかりません。
以下のコードです。
お願いします。
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>portfolio</title> 7 <link rel="stylesheet" href="portfolio.css"> 8 <link rel="stylesheet" href="responsive.css"> 9 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"> 10 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 11 </head> 12 <body> 13 <header> 14 <div class="header-logo"> 15 <div class="logo-left"> 16 <h1><a href="#home">T</a></h1> 17 </div> 18 <div class="logo-right"> 19 <h1><span class="fa fa-bars" id="bar"></span></h1> 20 <ul id="select"> 21 <li><a href="#profile">プロフィール</a></li> 22 <li><a href="#service">サービス</a></li> 23 <li><a href="#tricking">趣味</a></li> 24 <li><a href="#contact">お問いわせ</a></li> 25 26 </ul> 27 </div> 28 </div> 29 </header> 30 . 31 . 32 . 33 34 <script src="portfolio.js"></script> （ファイル名は一致しています。） 35 </body> 36</html>
javascript
1$(function(){ 2 3 $("#bar").click(function(){ 4 $("#select").fadeIn(); 5 }); 6 7});
回答1件
0
全角空白を半角にしてみてください。
HTML
1<!-- ↓ 全角空白--> 2 <ul id="select">
投稿2020/04/30 10:00
総合スコア69407
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/04/30 10:04
2020/04/30 10:08
2020/04/30 10:34
2020/04/30 14:26
2020/04/30 19:28
2020/05/01 06:48