时间戳

首页 > 解决方案 > 联系表格 7 未使用 Ajax 提交

wordpress - 联系表格 7 未使用 Ajax 提交

问题描述

我有一个使用简码插入模板的表单

<?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 的开发者控制台中没有错误。

标签： wordpresscontact-form-7

解决方案

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

函数.php

add_filter( 'wpcf7_load_js', '__return_false' );

配置文件

define( 'WPCF7_LOAD_JS', false );

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

推荐阅读