Javascript 如何在弹出窗口中显示联系人表单7消息？

在中，我使用的是联系表7。此外，我还添加了插件联系人表单7响应消息弹出窗口，以显示验证错误消息和成功消息。问题是，有时弹出窗口工作正常，有时虽然出现验证错误，但显示空白弹出窗口。为什么会这样？ 欢迎提供任何帮助/建议。多谢各位

目前，我在fancybox调用中添加了settimeout函数。但我认为这不是最好的方法。

使用fancybox：

使用以下代码在wordpress functions.php文件中为脚本排队：

jQuery( document ).ready(function() {
     jQuery('.wpcf7-popup-invalid, .wpcf7-popup-mailsent').fancybox({
                wrapCSS    : 'fancybox-custom',
                closeClick : true,

                openEffect : 'elastic',
                openSpeed  : 150,

                closeEffect : 'elastic',
                closeSpeed  : 150,

                helpers : {
                    overlay : {
                        css : {
                            'background' : 'rgba(238,238,238,0.85)'
                        }
                    }
                }
    });
});//document

jQuery(document).on('invalid.wpcf7', function () {
    //console.log('invalid.wpcf7 was triggered!');
    jQuery('.wpcf7-popup-invalid').trigger('click');
});
jQuery(document).on('mailsent.wpcf7', function () {
    //console.log('mailsent.wpcf7 was triggered!');
    jQuery('.wpcf7-popup-mailsent').trigger('click');
});

并在页面模板文件（ex.page.php）中添加以下内容：

<a class="wpcf7-popup-mailsent" href="#f-success" title="" style="display: none;">PopUp</a>

<div id="f-success" style="width:400px;display: none;">
    <p>
        Success message.
    </p>
</div>

<a class="wpcf7-popup-mailsent" href="#f-failure" title="" style="display: none;">PopUp</a>

<div id="f-failure" style="width:400px;display: none;">
    <p>
        Failure message.
    </p>
</div>

成功信息。


失败消息。

笔记： 1） 这对我不起作用：

2） 隐藏链接和jQuery触发器是直接从js代码打开fancybox的最简单解决方案

---

3） 对。我知道。您可以在Wordpress js文件中使用“$”而不是“jQuery”，如果您想

您是否特别需要使用联系表单7？我能看到的是，即使填写了详细信息，弹出窗口仍然显示。@WosleyAlarico。。。填写详细信息并发送邮件后，成功消息也会通过弹出窗口显示。您必须使用联系人7还是可以使用其他插件？@WosleyAlarico我必须根据客户要求专门使用联系人7。真倒霉。以前从未遇到过这样的问题，但如果很快想到解决方案，我会告诉你。你试过联系插件开发者吗？