联系表格 7 ajax 回调不起作用答案

【问题标题】：Contact Form 7 ajax callback not working联系表格 7 ajax 回调不起作用
【发布时间】：2015-07-17 11:39:55
【问题描述】：

试图将一些事件绑定到 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 从未被调用过。我绑定了所有的测试事件还是我绑定错了？

【问题讨论】：

$('.wpcf7').on('invalid.wpcf7 spam.wpcf7 mailsent.wpcf7 mailfailed.wpcf7 submit.wpcf7', function () { sb[9].tinyscrollbar_update('relative'); console.log('invalid'); }); 这对你有用吗？
$('.wpcf7').on('invalid.wpcf7 spam.wpcf7 mailsent.wpcf7 mailfailed.wpcf7 submit.wpcf7', function () { console.log('invalid'); sb [9].tinyscrollbar_update('relative'); });
对了。那里有些错别字。多谢你们。它现在可以工作了。

标签： javascript jquery ajax wordpress contact-form-7

【解决方案1】：

事件未绑定在 wpcf7 元素上，而是绑定在文档本身上。

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

编辑：从您的链接中查看最佳答案后，它可能是，但以上是我得到它的方式，它对我来说很好。

编辑 2：看起来链接的顶部答案中的事件正在使用可能从表单容器推送的不同事件，而您尝试使用的事件看起来像从文档中绑定的事件。

【讨论】：

【解决方案2】：

这对我有用：

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);

  });

【讨论】：