Контактная форма 7 на вкладках добавляет url-адрес и перенаправляет, но не отправляет

У меня есть форма обратной связи 7, которая находится внутри вкладки начальной загрузки. При отправке он добавляет к URL-адресу отправку формы, но на самом деле не отправляет форму.

Я предполагаю, что это как-то связано с обработчиками форм, но я не уверен. Приведенный ниже код загружает страницу на ту же вкладку при перезагрузке, чтобы эта часть была завершена. Я просто не могу получить форму для отправки.

$('.nav-item a').click(function(e) {
 e.preventDefault();
 $(this).tab('show');
});


$("ul.nav-tabs > li > a").on("shown.bs.tab", function(e) {
var id = $(e.target).attr("href").substr(1);
window.location.hash = id;
});

var hash = window.location.hash;
$('.nav-item a[href="' + hash + '"]').tab('show');  

И код ниже - это HTML-код формы

<ul class="nav nav-tabs" id="myTab" role="tablist">
      <li class="nav-item">
        <a class="nav-link active" id="contact_d-tab" data-toggle="tab" href="#contact_d" role="tab" aria-controls="contact_d" aria-selected="true">Contact Details</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" id="form-tab" data-toggle="tab" href="#form" role="tab" aria-controls="form" aria-selected="false">Contact Form</a>
      </li>
    </ul>
    <div class="tab-content" id="myTabContent">
      <div class="tab-pane fade show active" id="contact_d" role="tabpanel" aria-labelledby="contact_d-tab">
        <div class="contact_info">
          <h3>
            Contact Information
          </h3>
          <ul>
            <li>
              <i class="fas fa-user-circle"></i>&nbsp;<span>Council Clerk</span> - <?php the_field('clerk_name'); ?>
            </li>
            <li>
              <i class="fas fa-map-marker-alt"></i>&nbsp;<?php the_field('address', 'options'); ?>
            </li>
            <li>
              <i class="fas fa-phone"></i>&nbsp;<a href="tel:<?php the_field('phone', 'options'); ?>"><?php the_field('phone', 'options'); ?></a><br>
              <i class="fas fa-envelope"></i>&nbsp;<a href="mailto:<?php the_field('email', 'options'); ?>"><?php the_field('email', 'options'); ?></a>
            </li>
          </ul>

          <p class="info">You may contact any Colwall Parish Councillor by e-mailing the Clerk, who will forward any correspondence. Alternatively, all Councillor's details can be found below.</p>
        </div>
      </div>
      <div class="tab-pane fade" id="form" role="tabpanel" aria-labelledby="form-tab">
        <form>
          <h3>
            Contact Form
          </h3>
          <?php echo do_shortcode('[contact-form-7 id="618" title="Contact form"]'); ?>
        </form>
      </div>

Заранее спасибо за вашу помощь.

Вы не отправляете форму в JS. Что отражается в DOM для вашей формы?

Dammeul 10.08.2018 17:48

$ ('# идентификатор формы'). submit ();

Dammeul 10.08.2018 17:49
api.jquery.com/submit
Dammeul 10.08.2018 17:49
0
3
143
0

Другие вопросы по теме