Q&A
コードを画像で提示されても他者は再現確認できません。
テキストで、マークダウンのcode機能にてご提示ください。
https://teratail.com/questions/238564
google版のCDNを使っています。
ぜひ教えてくださいm(__)mよろしくお願い致します。
<実際のコードです>
<!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"> <link rel="stylesheet" href="stylesheet.css"> <title>Document</title> </head> <body> <nav> <ul id="navi"> <li><a href="#">Menu1</a> <ul> <li><a href="#">Menu1-a</a></li> <li><a href="#">Menu1-b</a></li> <li><a href="#">Menu1-c</a></li> </ul> </li> <li><a href="#">Menu2</a> <ul> <li><a href="#">Menu2-a</a></li> <li><a href="#">Menu2-b</a></li> <li><a href="#">Menu2-c</a></li> </ul> </li> </ul> </nav> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> // $(function(){ // $("#navi").children("li").hover(function() { // $(this).children("ul").stop().slideToggle(100); // }); // }); $(function(){ // #navi直下のli要素をマウスオーバー $("#navi").children("li").hover(function(){ // 下層ナビゲーションの表示を切り替える $(this).children("ul").stop().slideToggle(100); }); }); </script> </body> </html>
試したこと
- chromeデベロッパーツールのコンソールでのエラー表示なし
- google版ではなく、公式版CDNに変更を試みるも変化なし
ご依頼ありがとうございます。
追記いたしました
コード全部提示されたので、画像不要なのでは。
エラーとか出ているなら確認して提示されても良いかなと思いますが。任せます。
回答は変更なしです。
ご回答くださりありがとうございます。
確認してみます。
回答1件
0
ベストアンサー
画像で提示されているのでこれが全てではないかもしれませんし外してるかもしれませんが、
※質問編集確認したので取り消し線
srcで外部ソースを読み込むscriptとHTMLに直にインラインで書くscriptは同じscriptタグ内では出来ません。
src
この属性は外部スクリプトの URI を指定します。文書に直接スクリプトを埋め込む代わりに使用することができます。
投稿2021/02/14 09:31
編集2021/02/14 09:39総合スコア80850
jsファイルをつくり、記述したところ動作しました。
ありがとうございました。
それだとちょっと回答の主旨とずれます。
別にインラインでの記述がNGと書いているわけではないです。
あなたの回答
tips
プレビュー
