Wordpress, Contact Form 7. Как правильно прописать Javascript для вызова popup после клика на кнопку Submit?

Question

[artegion]

Help! Нужна помощь в настройке шаблона в WP. Есть окно, которое должно открываться после совершения действия, а именно отправки формы, кнопка "Submit" в Contact Form 7.

Само окно имеет следующее содержание:

<div class="popup js-popup form-answer" data-modal="form-answer">...</div>

Окно с легкостью открывается по прямой ссылке:

<a href="#" class="js-popup form-answer" data-target="form-answer" >Открыть окно</a>

Теперь вопрос, как заставить открываться форму после совершения действия, после удачной отправки формы, что необходимо прописать в function.php??? Понятно что on_sent_ok: больше не поддерживается.

add_action( 'wp_footer', 'mycustom_wp_footer' );
 
function mycustom_wp_footer() {
?>
<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
    if ( '10' == event.detail.contactFormId ) {
        ???????????????????????????????????????????????????????????????????????????
    }
}, false );
</script>
<?php
}

Благодарю за помощь!

Answer 1

[ljutaev]

document.addEventListener( 'wpcf7mailsent', function( event ) {
    if ( '10' == event.detail.contactFormId ) {
        $('a.js-popup.form-answer').trigger('click');
    }
}, false );

Comments

[artegion]

Не проходит.

[artegion]

Спасибо! За наводку! Решено! Хотя пришлось малость допилить напильником!

document.addEventListener( 'wpcf7mailsent', function( event ) {
if ( '10' == event.detail.contactFormId ) {
$(".popup.form-answer").addClass("is-open").trigger('submit');
}
}, false );

[ljutaev]

artegion, молодец ))