联系表格 7 提交而不刷新页面

Question

我正在开发一个带有 Contact Form 7 插件的 wordpress 网站。 当有人单击按钮（触发器）时，在 prettyPhoto 弹出框中打开联系表格 7。单击提交按钮后，弹出窗口会自动关闭。如果表单提交有错误，发件人看不到错误，因为页面刷新弹出框自动关闭。

有什么方法可以停止关闭弹出框或停止页面刷新，并且在提交表单后弹出框保持打开状态，以便用户可以看到表单响应/错误？

Answer 1

解决：终于我明白了。通常我们在网页上使用 Contact Form 7 时，会在页面加载时执行 ajax 表单初始化函数。在这种情况下，我必须在弹出框中使用 cf7 短代码，以便在单击链接后表单 html 将在弹出框中呈现。 （初始化脚本已加载，但没有为 ajax 初始化表单，因为页面上不存在表单）。 解决方案是，加载 cf7 javascript 文件并调用 $('form').wpcf7InitForm();表单渲染后的函数。

	$(".fancybox").fancybox({
		'padding'       : 0,
		'maxWidth' 		: 660,
		'autoHeight' : true,
		afterLoad: function () {	
			$.getScript('http://domain.com/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js');
			$.getScript('http://domain.com/wp-content/plugins/contact-form-7/includes/js/scripts.js');
			$('form').wpcf7InitForm(); // Initialize form for AJAX
			$.fancybox.update();
			return;
		},
	});