Закрыть Boostrap Modal on Contact Form 7 submit

В бутстрапе Модальный, у меня есть контактный формуляр 7. Я не могу сделать Modal закрытым после отправки почты. Что вы делаете, так это перейти к ссылке атрибута «действие» формы. Я не могу удалить атрибут «действие», который создается динамически. Возможно, решение может заключаться в использовании «event.preventDefault()» с «on_sent_ok». Но не так.Закрыть Boostrap Modal on Contact Form 7 submit

Working Example

Нажмите на одну ноту, то в Compartir, а затем в де почты значок

источник

2015-05-14 Estudio 3551

Я нашел решение с этим кодом. Когда форма отправляется, модаль закрывается через 1 секунду.

j(".form-horizontal").live("submit", function(){ 
     j.post(this.action, j(this).serialize(), function(){ 
      //this callback is executed upon success full form submission close modal here 

     }, "script"); 
    //this is to wait 1 second until close 
     setTimeout(function() {j('.modal').modal('hide');}, 1000);   
     return false; 
    });

источник

2015-05-22 14:34:24

Как вы успешно вставить контактную форму 7 форму, чтобы модальном в первую очередь? Я хочу разместить кнопку контакта, инициирующую форму контакта, модальную, в заголовке темы WordPress. И тогда, как и вы, я хочу закрыть форму при подаче. Однако я сбиваюсь с толку. –

В нижнем колонтитуле темы, или где вы размещаете код для модального, я помещаю код. Я использую форму контакта 7. Когда модальные шоу, форма находится внутри. –

Ах да, я понял это, используя do_shortcode. Вы помещали этот код в дополнительные настройки настроек контактной формы 7? –

Нет, я поставил код в модальном виде. Просто <?php echo do_shortcode('[the contact form 7 shortcode]'); ?> в модальном теле.

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     <?php echo do_shortcode('[the contact form 7 shortcode]'); ?> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
    </div> 
</div>

источник

2017-06-21 20:39:24

Мое решения, также у меня есть самозагрузки кнопки на кнопку отправить щелчок событие.

on_sent_ok: "setTimeout("$('button.submit').prop('disabled', null).button('reset'); $('.modal').modal('hide');", 3000); 
ga('send', 'event', 'Купить быстро', 'Submit');"

Этот код должен быть размещен в дополнительной вкладке настроек на редактирование контактной странице формы

источник

2017-08-15 05:29:26

Закрыть Boostrap Modal on Contact Form 7 submit

ответ

Смежные вопросы