Contact Form 7未使用Ajax提交

Question

我有一个表单，是插入到一个模板使用短码

<?php echo do_shortcode('[contact-form-7 id="370" title="Contact form 1"]') ?>

我正在尝试设置一个事件，以便在提交表单时可以将用户重定向到另一个页面。我正在使用下面的代码；

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
  location = 'http://example.com/';
}, false );
</script>

问题是，当您提交表单时，整个页面都会重新加载，因此事件永远不会被触发，因为表单不是通过ajax调用提交的。

这是我第一次尝试将表单集成到Wordpress中，所以我想我可能遗漏了一些东西。Chrome的开发者控制台没有错误。

Answer 1

在您的主题(检查functions.php)或wp-config.php文件中的某处，您需要查找并删除以下内容：

functions.php

add_filter( 'wpcf7_load_js', '__return_false' );

config.php

define( 'WPCF7_LOAD_JS', false );

这些行将阻止CF7的默认行为。

Answer 2

我的主题缺失了；

加上这一点，问题就解决了。