Как открыть Magnific Popup после отправки формы Contact Form 7?

Question

[AltaiR]

Нужно открыть модальное окно после отправки формы. В футере поставил это

<div id="small-dialog" class="zoom-anim-dialog mfp-hide">
    <h2>Спасибо!</h2>
</div>

в js-файл это:

// Модальное окно после отправки формы
jQuery('.popup-with-move-anim').magnificPopup({
	type: 'inline',
	fixedContentPos: false,
	fixedBgPos: true,
	overflowY: 'auto',
	closeBtnInside: true,
	preloader: false,
	midClick: true,
	removalDelay: 300,
	mainClass: 'my-mfp-slide-bottom'
});

а в настройках плагина Contact Form 7 вот это:

on_sent_ok: "jQuery('#small-dialog').magnificPopup('open');"

Но после отправки формы в консоли такая ошибка:

Answer 1

[pavel_lovets]

Попробуй использовать событие "mailsent.wpcf7":

jQuery(document).on('mailsent.wpcf7', function () {

    jQuery('.video-popup').magnificPopup({
        items: {
           src: "https://vimeo.com/213435776",
               type: 'iframe'
            }
     }).magnificPopup('open');
});