「Contact Form 7にtype=”file”を設置した場合Safari Version11.1で機能しない」の対処法

Contact Form 7にtype=”file”を設置した場合Safari Version11.1で機能しない

 

こちらに書いているとおり、safariのバグらしい。

同フォーラムのコメントに書いているJSコードを書いて対応した。
jQuery(function($) {
 $(".wpcf7 input[type='submit']").click(function() {
  $("input[type=file]").each(function() {
    if($(this).val() === "") {
        $(this).remove();
    }
  });
 });
});

しかし、この方法では

たとえばフォームに何も書き込まず
送信を押してエラー出すと、添付ボタンが消えてしまいます。
とのこと。 なので、input type=file をlabelで囲む形式に変更して、以下のJSを書いて対処した。

2018/07/04 | 日記

関連記事

no image

W杯、日本対オランダ戦

く?。観れなかった! 土曜日にカラオケ大会のリハーサルの機材オペ...

記事を読む

no image

ブログをはじめした。

ブログを始めました。 といっても、ブログは他にもあります。 ...

記事を読む

新着記事

no image

【WordPress】カスタム投稿タイプの定義-カスタム投稿タイプアーカイブを作らない

カスタム投稿タイプの定義のあれこれ。 カスタム投稿タイプの投稿一覧ペ...

記事を読む

no image

【WordPress】メディアを追加からの”画像を編集”でプレビューできない

【WordPress】メディアを追加からの"画像を編集"でプレビューで...

記事を読む

no image

Advanced Custom Fields Proの柔軟コンテンツ(flexible content)のレイアウト・タイトルをカスタマイズする方法

リピーターフィールドが使いたくて、購入をしたAdvanced Cust...

記事を読む

no image

WordPress Plugin Ultimate Memberのアクションフック um_user_edit_profile と um_user_register

アクションフックのum_user_edit_profileがどうにも走...

記事を読む

no image

赤ちゃんゲート比較

Big Play Pen 抗菌サークル「BIG ...

記事を読む

コメント/トラックバック

現在、この投稿へのトラックバックは受け付けていません。

この投稿のコメント・トラックバックRSS




管理人にのみ公開されます

PAGE TOP ↑