jquery - AJAX 加载后在 Contact Form 7 表单上启用 AJAX

Question

我尝试过搜索，但这仅返回有关如何 AJAX 加载页面/表单的结果。我正在做的是通过 AJAX 加载表单(联系表单 7)，我想知道如何在该表单上重新启用 AJAX 提交。 CF7 有可能吗？

Answer 1

Contact Form 7 调用 init 函数，该函数在页面加载时执行。如果您的表单使用 AJAX 加载，您应该确保在加载表单后调用该函数。

调查:

plugins/contact-form-7/includes/js/scripts.js

函数wpcf7InitForm的定义。

编辑:每次调用此函数都会插入一个新的加载 Logo 。不幸的是，我找不到比使用 jQuery 从 DOM 中删除重复加载器更好的解决方案:

function initContactForm() {
    jQuery('div.wpcf7 > form').wpcf7InitForm();
    jQuery('form.wpcf7-form')
        .each(function() {
            $j(this).find('img.ajax-loader').last().remove();
        });
}