联系表格 7 感谢您在新窗口上重定向页面

Posted 2023-05-09

【中文标题】联系表格 7 感谢您在新窗口上重定向页面

【英文标题】：Contact form 7 thank you page redirection on new window

【发布时间】：2020-09-29 19:48:12

【问题描述】：

我设置了一个感谢页面重定向，它工作正常。但我想在新窗口中打开重定向的 URL。我该怎么做？

这里是代码 -

add_action( 'wp_footer', 'redirect_cf7' );

function redirect_cf7() 
    <script>
        document.addEventListener( 'wpcf7mailsent', function( event ) 
            location = 'https://example.com/thank-you/';
        , false );
    </script>

请帮助我在没有任何插件的情况下实现这一目标。

以下是官方文档供您参考： Contact Form 7 DOM Events

【参考方案1】：

好的，开始工作了。这是解决问题的代码：

<?php
add_action( 'wp_footer', 'redirect_cf7' );

function redirect_cf7()  ?>
    <script>
        document.addEventListener( 'wpcf7mailsent', function( event ) 
            _location = 'https://example.com/thank-you/';
            window.open(_location, "MsgWindow");
        , false );
    </script>
<?php 

感谢大家的宝贵时间。

【参考方案2】：

使用这个可能会帮助你现在页面将在另一个窗口中打开

window.open("https://www.google.com");

【讨论】：

这个 wpcf7mailsent 是什么类型的事件？？

在 AJAX 表单提交成功完成并发送邮件时触发。

我在问题中发布的上述代码工作正常，事件也正在触发。但主要问题是它在同一窗口中打开 URL，我想将其更改为新窗口。

【参考方案3】：

您可以使用window.open

document.addEventListener( 'wpcf7mailsent', function( event ) 
     document.addEventListener( 'wpcf7mailsent', function( event ) 
        location =   window.open('https://example.com/thank-you/', '_blank' );
    , false );

这是本地sn-p证明一切正常（oblivius不支持sn-p但需要本地服务器运行）：

function redirect()

 location =   window.open('https://google.com/', '_blank' );

<button onclick="redirect()">redirect</button>

【讨论】：

您将window.open(location getElementById 更改为您的ID 链接？

不，它也不起作用。执行此操作后，它会返回一个错误的 URL，类似于 example.com/form-page/null。这是一个错误的 URL 并引发 404 错误。

根据官方文档，当表单成功提交并且邮件也发送时触发事件。

命令何时启动并不重要，您的问题是：如何在不使用插件的情况下在另一个选项卡中打开链接？ window.open 是答案

是的，这是真的