wordpress - 联系表格 7 发布到 url，而不是通过 ajx 发布

Question

我在右侧使用联系表格 7 插件 (http://www.brazendev4.com/Cadental/)。当我按下提交按钮时，页面回帖到 url 并刷新，但通常它通过 ajax 发布并且页面不会刷新。任何帮助将不胜感激。

提前致谢...

Answer 1

最好的办法是查看其他插件甚至您正在使用的主题，确保没有与 CF7 冲突，因为与您使用的其他 javascript 冲突而臭名昭著。

查看他们可能会提供帮助的文档。

否则，如果表单的编辑能力不重要，我什至建议构建自己的表单并通过 AJAX 提交。

有很多资源、技巧和技巧可以做到这一点。

Answer 2

如果您打算使用 ajax/js 来处理表单，那么您的表单元素中可能应该有一个空的 action 属性。

例如

<form action="" method="post" class="wpcf7-form">

尝试使用 submit 元素的 onclick 属性调用关联的 javascript 函数来处理并通过 ajax 发布到“/Cadental/#wpcf7-f14-w1-o1”。

例如

<input type="submit" value="Submit" onclick="MyJavascriptFunction(this.form)" class="wpcf7-form-control  wpcf7-submit text2">

我的猜测是，在您的 javascript 有时间处理表单之前，DOM 将发布到 action="/Cadental/#wpcf7-f14-w1-o1" 并重新加载页面。

我看到您在您的页面中使用 jQuery，因此使用他们的序列化表单功能来处理您的表单应该很容易。 http://api.jquery.com/serialize/

祝你好运！