Q&A
VSCodeを使ってHPの作成をしております。
お問い合わせフォームをGoogleフォームで作成し、データをHTMLへ貼り付けました。
CSSでdisplay: none;を行い、非表示にする事ができたのですが、その先に進めない状態です。
左の「お問い合わせ」をクリックすると、右のフォームが表示されるようにしたいです。
Progateを参考にしながら、自分でコードを書いてみたのですがうまくいきません。
ご享受いただけないでしょうか。
<head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> </head> <body> <div class="contact-content wrapper"> <h2 class="page-title">contact</h2> </div> <div class="inquiry" id="inquiry-show">お問い合わせ</div> <div class="inquiry-modal-wrapper" id="inquiry-modal"> <div class="modal"> <div id="inquiry-form"> <form action="#"> <iframe class="contact-form" src="https://docs.google.com/forms/d/e/1FAIpQLSeBnTR2KdQVib_yRh7skZsNRD4Jej8dQEktl5Rcdky6g5RaRA/viewform?embedded=true" width="640" height="705" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます…</iframe> </form> </div> </div> </div> </body>
$(function() { $('#inquiry-show').click(funktion() { $('#inquiry-modal').fadeIn(), }); });
上のコードを入力すると、３件のエラーがあると表示されます。
・３件中２件の問題
識別子が必要です。ts(1003)
・３件中３件の問題
'{' が必要です。ts(1005)
こちらも皆目見当がつかず困っています。
よろしくお願いいたします。
回答1件
0
ベストアンサー
誤字のようです。
✕funktion
◯function
✕,
◯;
Diff
1$(function() { 2- $('#inquiry-show').click(funktion() { 3+ $('#inquiry-show').click(function() { 4- $('#inquiry-modal').fadeIn(), 5+ $('#inquiry-modal').fadeIn(); 6 }); 7}); 8
それと、CSSは以下の様なものを当てていると思いますが、再現のために必要なコードは全て質問に記載するようにしてください。
css
1#inquiry-modal { 2 display: none; 3}
投稿2021/08/07 06:02
総合スコア983
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/08/07 06:12