コンタクトフォーム７のDOMイベントが発火しない

Question

###前提・実現したいこと
https://contactform7.com/ja/redirecting-to-another-url-after-submissions/このページの内容を参考にして作ったんですが全く反応しません。入力ミスも確認しました。

jQueryを使ってボタンを押すとコンタクトフォームが出てくるつくりになってい
ます
考えられる原因と解決策があれば教えてください、よろしくお願いします。

###該当のソースコード

<script type="text/javascript"> document.addEventListener( 'wpcf7mailsent', function( event ) { if ( '8280' == event.detail.contactFormId ) { location = "遷移先のURL"; } }, false ); </script>

・
・
・
・

<script>// <![CDATA[ jQuery(function(){ // 「class="jQueryBox"」を非表示 jQuery(".jQueryBox1").css("display", "none"); // 「class="jQueryPush"」がクリックされた場合 jQuery(".jQueryPush1").click(function(){ // 「class="jQueryBox"」の表示、非表示を切り替える jQuery(".jQueryBox1").toggle("slow"); }); }); jQuery(function(){ jQuery(".jQueryBox2").css("display", "none"); jQuery(".jQueryPush2").click(function(){ jQuery(".jQueryBox2").toggle("slow"); }); }); jQuery(function(){ jQuery(".jQueryBox3").css("display", "none"); jQuery(".jQueryPush3").click(function(){ jQuery(".jQueryBox3").toggle("slow"); }); }); jQuery(function(){ jQuery(".jQueryBox4").css("display", "none"); jQuery(".jQueryPush4").click(function(){ jQuery(".jQueryBox4").toggle("slow"); }); }); // ]]></script>

・
・
・
・
<br><br><br>

<?php if( get_field('inquiry') ){?> <div class="jQueryPush3"><center><p class="sbutton"><span style="font-size: 22px;"><?php the_field('inquirytitle'); ?></span></p></center></div> <br> <br> <div class="jQueryBox3" style="width: 100%; "> <p><div style="text-align: left; width: 95%; margin-left: 3%; margin-right: auto;"><span style="size: 90%;"><?php the_field('inquiryinfo'); ?></span></div></p> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <?php echo do_shortcode( '[コンタクトフォームのショートコード]' ); ?> <?php endwhile; endif; ?> </div> <?php } else{ ?> <?php } ?> </div> </div> </div>

Answer 1

(ソースコードを質問文に記載する際はコードとしてマークアップしてください)

document.addEventListener( 'wpcf7mailsent', function( event ) {
    alert(event.detail.contactFormId);
}, false );

としても、alertは表示されませんか。

また、DOMイベントをwpcf7invalidやwpcf7spamなどの別のイベントにしても表示されませんか。
https://contactform7.com/dom-events/

Comments

[退会済みユーザー]

ありがとうございました！
何とか解決することができました。

[退会済みユーザー]

どのように解決されたのでしようか。
自己解決されたのであれば、ご自分で回答を投稿して、そちらに解決方法を記載していただけますか。