联系表格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;
		},
	});