Как заставить работать AJAX отправку в Contact Form 7 когда форма находится Bootstrap popover?

Внедрил форму от плагина Contact Form 7 в всплывающее окно bootstrap popover.
При нажатии на кнопку отправки форма отправляется, но с перезагрузкой страницы.

Все js скрипты подключены. Остальные формы работают прекрасно (которые не в popover).

Видимо из-за того что форма создается с помощью JS что-то не пашет.

Подскажите как решить задачу?

Popover подключен вот так:
$('[data-toggle="popover"]').popover({
    html: true
  });


Форму создал вот так:
<a tabindex="0" data-container="body" data-toggle="popover" data-content='<?php echo do_shortcode('[contact-form-7 id="116"]'); ?>' data-template='<div class="popover popover--callorder" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'>заказать звонок</a>
  • Вопрос задан
  • 214 просмотров
Решения вопроса 1
PbI6A_KuT
@PbI6A_KuT Автор вопроса
Нашел решение вот здесь: jsfiddle.net/r1q6qjpo
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы