CF7钩子在提交后中断表单

Question

我正在尝试使用一些CF7钩子，但它们似乎在提交之后破坏了工作流中的某些东西。

例如，我尝试添加以下代码片段以在控制台中打印内容：

function debug_to_console($cf7) {
    echo '<div display="none"><script type="text/javascript">console.log("console log message");</script></div>';
    //return $cf7;
}

add_action( 'wpcf7_before_send_mail', 'debug_to_console' );

当我启用它时，控制台中不会打印任何内容，并且response停止工作。取而代之的是电子邮件的送达。有什么想法吗？

谢谢!

Answer 1

使用javascript事件作为前端。https://contactform7.com/dom-events/

如果您希望在ajax调用之前触发操作，请使用：

$('.wpcf7-form').submit(function() {
    // action
});

Answer 2

我们不能将结果从wordpress钩子回传到前端。

试试DOM Events from Contact form 7

document.addEventListener( 'wpcf7submit', function( event ) {
        var entry = event.detail.inputs.find(element => element.name == 'entry_id');
        switch(event.detail.contactFormId){
            case "220": case "222": 
               alert(event.detail);
            break;

            default : console.log("Error");break;
        }