Контактная форма 7 обратный вызов ajax не работает

Question

Пытался связать некоторые события с контактной формой 7 для Wordpress, но событие так и не было вызвано. ref ( контактная форма 7 AJAX Callback)

Вот моя привязка:

$('.wpcf7').on('invalid.wpcf7 spam.wpcf7 mailsent.wpcf7 mailfailed.wpcf7 submit.wpcf7'), function () {
  sb[9].tinyscrollbar_update('relative');
  console.log('invalid');
}

console.log никогда не звонил. Я связываю все события для тестирования или я связываю это неправильно?

Answer 1

Это сработало для меня:

jQuery(document).on('wpcf7:submit', function () {
        jQuery('#formAlerts').modal();
    });

    jQuery( document ).ajaxComplete(function( event,request, settings ) {

        var alertMessage = $(".wpcf7-response-output").html();
        jQuery(document).find("#formResponse").html(alertMessage);

        function sample() {
            if(jQuery('.wpcf7-form.invalid').length > 0){

        }else{
          jQuery('#formAlerts').modal('hide');
        }
        }

        setTimeout(sample, 2000);

  });

Answer 2

Событие связано не с элементом wpcf7, а с самим документом.

$(document).on('mailsent.wpcf7', function(event) {
    console.log(event)
})

Изменить: после просмотра верхнего ответа по вашей ссылке, это может быть, но вышеизложенный способ, который я получил, и он работает нормально для меня.

Редактировать 2: похоже, что события в связанном верхнем ответе используют разные события, которые могут быть выдвинуты из контейнера формы, а те, которые вы пытаетесь использовать, выглядят как те, которые связаны с документом.