Contact Form 7 ajax回调不起作用

Question

我试图将一些事件绑定到Wordpress的Contact Form 7，但从未调用过该事件。参考(Contact Form 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:看起来链接的顶部答案中的事件使用了不同的事件，这些事件可能是从表单容器推送的，而您试图使用的事件看起来像是从文档绑定的事件。