Всем доброго времени суток!
На этой странице есть кнопка вызова pop-up с формой обратной связи.(Оставьте заявку)
Сделал это при помощи Contact Form 7 + Easy Modal.
После отправки окно не закрывается. А нужно что бы закрывалось через 2 секунды.
Нашел нужный мне скрипт:
$('#твоя-форма').submit(function() {
$.ajax({
type : 'POST',
url: $ajax_url,
data : {
name: $name_value ,
email: $email_value,
message: $message_value,
subject: $subject_value,
task: 'sendmail'
},
beforeSend: function(data){
$('#submit').before('<div class="loading"></div>');
},
success: function (data){
$('.loading').fadeOut(function(){
$(this).remove();
}); //прячется gif-ка какая-нибудь
setTimeout(function(){
document.forms['твоя-форма'].reset(); // очищается форма методом .reset()
$('#myModal').modal('hide');
}, 3000); // здесь закрывается модальное окно через 3 секунды
},
complete:function(data){
$form.each(function(){
this.reset(); // или так очищается форма методом .reset()
});
},
});
return false;
});
Пытаюсь применить к своему сайту, но скрипт не работает - окно не закрывается.
jQuery('.wpcf7-form sent').submit(function() {
$.ajax({
type : 'POST',
url: $ajax_url,
data : {
name: $name_value ,
email: $email_value,
message: $message_value,
subject: $subject_value,
task: 'sendmail'
},
beforeSend: function(data){
$('#submit').before('');
}, success: function (data){
$('.loading').fadeOut(function(){
$(this).remove();
}); //прячется gif-ка какая-нибудь
setTimeout(function(){
document.forms['.wpcf7-form sent'].reset(); // очищается форма методом .reset()
$('#').modal('hide');
}, 2000); // здесь закрывается модальное окно через 2 секунды
},
complete:function(data){
$form.each(function(){
this.reset(); // или так очищается форма методом .reset()
});
},
});
return false;
});