質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
jQueryプラグイン

jQueryの拡張機能。 様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

1751閲覧

safariでjQueryのclickイベントが動かない

naoki_program

総合スコア5

jQueryプラグイン

jQueryの拡張機能。 様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2019/08/14 07:09

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/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kyoya0819

2019/08/14 11:28

SafariとはMacの話でしょうか?iPhone,iPad,iPodの話でしょうか?
kyoya0819

2019/08/14 12:32

キャッシュの削除は試されましたか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問