Показать сообщение отдельно
  #1 (permalink)  
Старый 05.09.2017, 13:06
Аспирант
Отправить личное сообщение для maxg5 Посмотреть профиль Найти все сообщения от maxg5
 
Регистрация: 16.08.2016
Сообщений: 89

Закрытие pop-up после отправки формы заказа звонка
Всем доброго времени суток!
На этой странице есть кнопка вызова 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;
});
Ответить с цитированием