Question

尝试将某些事件绑定到Wordpress的Contact Form 7，但事件从未被调用过。 ref（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：看起来链接的顶部答案中的事件使用的是可以从表单容器推送的不同事件，而您尝试使用的事件看起来就像是从文档绑定的事件。

联系表格7 ajax回拨无法正常工作

2 个答案: