閲覧いただきまして、誠にありがとうございます!
Contact Form 7 というWordPressのプラグインを使って、お問い合わせフォームを作っているのですが、何回やっても「メッセージの送信に失敗しました。後でまたお試しください。」が出てしまい、正しく送信することができません。
VM39 scripts.js:348 Uncaught TypeError: $.ajax is not a function
コンソール上を見ると、上記のエラーが発生していました。
追記
上記のコンソールエラーは解消しましたが、まだ正常に送信できず、
メッセージの送信に失敗しました。後でまたお試しください。
と表示されます。
以下、試してみたことになります。
- Contact Form 7 Controlsを入れて、カスタマイズ「AJAX Submissions」をオフにしてみた
- WP Mail SMTPにSMTP情報を追加してみた
原因がわかる方いらっしゃればお知恵を拝借できればと思います。
contact.php
PHP
1<?php 2/* 3Template Name: contact 4*/ 5?> 6<?php get_header(); ?> 7 <section> 8 <div class="container"> 9 <h2>お問い合わせ</h2> 10= <div class="contactForm"> 11 <?php echo do_shortcode( '[contact-form-7 id="29" title="コンタクトフォーム 1"]' ); ?> 12 </div> 13 </div> 14 </section> 15<?php get_footer(); ?>
footer.php
PHP
1<!-- Optional JavaScript --> 2<!-- jQuery first, then Popper.js, then Bootstrap JS --> 3<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> 4<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script> 5<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script> 6<script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.min.js"></script> 7<script src="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/js/drawer.min.js"></script> 8<script> 9$(document).ready(function() { 10 $('.drawer').drawer(); 11}); 12</script> 13<?php wp_footer(); ?> 14</body> 15</html>
コンタクトフォーム
<label> お問い合わせ種別 <span class="required-check">必須</span></label> [checkbox* checkbox-198 "1", "2", "3"] <label> お問い合わせ <span class="required-check">必須</span> </label> [textarea* textarea-129 class:form-control] <label>お名前 <span class="required-check">必須</span></label> [text* text-758 class:form-control] <label>ご連絡先 <span class="required-check">必須</span></label> [email* email-192 class:form-control] [submit "送信する"]
あなたの回答
tips
プレビュー