wordpressのcontactform7 DOMイベントについて

前提・実現したいこと

contactform7 を使って、確認画面と送信完了画面を表示させたいです。

発生している問題・エラーメッセージ

確認画面と送信完了画面（thanksページ）に移行されません。

該当のソースコード

ソースコード

試したこと

https://haniwaman.com/contact-form-7-add-page/
https://qiita.com/chokosuki4400/items/70423a81eedc9426359e
などを参考にして、
Contact Form 7 add confirmをプラグインして、

functions.phpに

functions.phpの中身はこうなっております。

<?php
add_theme_support( 'post-thumbnails', array( 'page','post' ) );
?>


<?php
register_sidebar( array(
'name' => '新規ウィジェット',
'id' => 'test',
'description' => '新規ウィジェットエリア',
'before_widget' => 'ウィジェットの前に記述したいテキスト',
'after_widget' => 'ウィジェットの後に記述したいテキスト',
) );
?>


<?
add_the_support('menus');
?>




<?php

//ここから
add_action( 'wp_footer', 'mycustom_wp_footer' );

function mycustom_wp_footer() {
?>
<script type="text/javascript">
  if(jQuery('.wpcf7').length){　//formのclassが存在するか判定
    var wpcf7Elm = document.querySelector( '.wpcf7' );
    wpcf7Elm.addEventListener( 'wpcf7mailsent', function( event ) {
     location.replace('http://localhost:8888/wordpress/contact/thanks/');
   }, false );
  }
</script>
<?php
}

//ここまで

?>

と記述して、キャッシュを行い確認画面と送信完了画面が表示されるか
試してみましたが

上手くいきません。