safariでjQueryのクリックイベントが動かない
お問い合わせフォームを作っているときに送信ボタンを押すと「送信しました」と表示したいのですがChromeでは表示されましたがsafariではなぜか表示されません。確認画面を表示させるためにAutoConfirmというjQueryプラグインを使っていますがそれの確認画面は表示されるので多分関係ないと思います。
発生している問題・エラーメッセージ
お問い合わせフォームを作っているときに送信ボタンを押すと「送信しました」と表示したいのですがChromeでは表示されましたがsafariではなぜか表示されない
エラーメッセージ
該当のソースコード
HTML
1<div id="contact-wrapper"> 2 <img src="img/contact-border.png" alt=""> 3 <img src="img/contact-heading.png" alt="" class="contact-heading"> 4 <div class="form-wrapper"> 5 <form id="confirm" action="https://docs.google.com/forms/d/e/1FAIpQLSczJ4-8iONVTarIqKyqekxbbKc1cG1uoNoGzmEryXCEpc8QGQ/formResponse" name="myForm" method="POST" target="dummyIflame" class="autoConfirm"> 6 <p class="Confirm-text confirm-message" style="display:none;">下記の内容で間違いがないかご確認ください</p> 7 <label for="name">名前</label> 8 <input type="text" name="entry.2074411333" placeholder="名前" required> 9 <label for="name">会社名</label> 10 <input type="text" name="entry.562636757" placeholder="会社名"> 11 <label for="name">メールアドレス</label> 12 <input type="email" name="emailAddress" placeholder="メールアドレス" required> 13 <label for="name">内容</label> 14 <textarea name="entry.945783981" id="" cols="30" rows="10" placeholder="内容" required></textarea> 15 <input type="submit" value="" class="submit submit-last" id="submit"> 16 <input type="button" value="戻る" class="autoConfirmBack" style="display:none;"> 17 </form> 18 <iframe onload="sendGform()" name="dummyIflame" style="display:none; "></iframe> 19 </div> 20 <div class="after-submit"> 21 <p class="">送信しました</p> 22 </div> 23 </div>
css
Javascript
1function sendGform(){ 2 $(window.top.document).myForm.submit(); 3 4 break; 5 } 6 7$(function() 8{ 9 $('#contact-wrapper').on('click', '.submit', function(){ 10 11 if($('.submit').val()=='送信する') 12 { 13 $('.form-wrapper').css( 14 'display','none' 15 ); 16 $('.after-submit').css( 17 'display','block' 18 ); 19 } 20 else 21 { 22 $('.form-wrapper').css( 23 'display','block' 24 ); 25 $('.after-submit').css( 26 'display','none' 27 ); 28 } 29 }); 30 31}); 32 33 34ソースコード
試したこと
送信するところにcursor:pointer;をやってみましたがダメでした
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
あなたの回答
tips
プレビュー