WordPressのContact Form 7でメッセージの送信に失敗する

閲覧いただきまして、誠にありがとうございます！

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 "送信する"]

CHERRY

2019/04/05 05:14

> VM39 scripts.js:348 Uncaught TypeError: $.ajax is not a function jQuery 周りの問題と思われますが、質問の内容だけでは判別ができません。まずは、 jQuery の読み込みに失敗している複数の jQuery を読み込んでいる他の JavaScript ライブラリとのコンフリクトしている等ありませんか？