联系表格 7 感谢页面在新 window 上重定向

Question

我设置了感谢页面重定向，效果很好。但是我想在新的 window 中打开重定向的 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

Answer 1

使用这个可能会对您有所帮助现在页面将在另一个 window

中打开

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

Answer 2

您可以使用window.open

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

这是本地代码片段，证明一切正常（oblivius 不适用于代码片段，但您需要运行使用本地服务器）：

function redirect(){

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

}

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

Answer 3

好的，成功了。这是解决问题的代码：

<?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 }

感谢大家的宝贵时间。

联系表格 7 感谢页面在新 window 上重定向

Contact form 7 thank you page redirection on new window

javascript

php

wordpress

jquery

contact-form-7