Как вывести всплывающее окно magnific popup после отправки формы?

Question

[z_u_q]

Как вывести всплывающее окно magnific popup после отправки формы? Написал такой код, товар в корзину кладётся, а всплывающее окно так и не появляется? В чём моя ошибка?

<form action="<?=POST_FORM_ACTION_URI?>" method="post">
    <input type="hidden" name="<?echo $arParams['ACTION_VARIABLE']?>" value="ADD2BASKET">
    <textarea rows="3" name="message" placeholder="MESSAGE"></textarea>
    <input type="submit" class="button atc" name="actionADD2BASKET" id="add-to-card linkcard<?=$arElement['ID']?>" name="<?echo $arParams['ACTION_VARIABLE'].'ADD2BASKET'?>" value="Добавить в корзину"/>


    <div id="popup-add-to-card" class="white-popup mfp-hide">
        Спасибо за заказ!
    </div>
</form>

$('#add-to-card').submit(function(e) {
        e.preventDefault();
        this.submit();


        $.ajax({
            type: "POST",
            url: "<?=POST_FORM_ACTION_URI?>",
            data: formdata,
            success: function(msg) {
                $("#popup-add-to-card").html(msg);
                $.magnificPopup.open({
                    items: {
                        src: '#popup-add-to-card',
                        type: 'inline'

                    }
                });

            },
            error: function() {
                $("#popup-add-to-card").html("failour");
                $.magnificPopup.open({
                    items: {
                        src: '#popup-add-to-card',
                        type: 'inline'

                    }
                });
            }
        });
    });

https://jsfiddle.net/z3gd0r3y/

Answer 1

[Виталий]

type: 'inline'

это свойство не должно быть вложено в items

Comments

[z_u_q]

Виталий ' type: 'inline' убрал, но окно все равно не появилось

[ThunderCat]

z_u_q, для того чтобы понимать что происходит при выполнении js существует консоль браузера и команда console.log(). Что пишет консоль, где спотыкается скрипт?

' type: 'inline' убрал, но окно все равно не появилось

вроде вам написали что оно не должно входить в итемс, а не убрать.

[z_u_q]

ThunderCat, в консоле в хроме ничего не выводится, код на событие submit почему-то вообще не срабатывает. Хотя если писать обработчик on('click') и type='button' у инпута кнопки, то все ок. Но мне нужен у инпута кнопки именно type="submit".

on('submit'): https://jsfiddle.net/z3gd0r3y/

on('click'): https://jsfiddle.net/admr2x4a/1/

[ThunderCat]

z_u_q, $('#add-to-card').submit это куда? субмит на форму должен быть...

https://jsfiddle.net/3xg8h9oo/

[Виталий]

z_u_q, dimsemenov.com/plugins/magnific-popup/documentatio... - вот документация, вы пытаетесь использовать public метод .open , у него
первым свойством передается items - т.е. контент, который будет во вскпоывшем окне
вторым параметром передаются type - т.е. тип того, что там там будет ..
в вашем примере type был вложен в items, а не шел вторым параметром

[z_u_q]

ThunderCat, разобрался, спасибо большое за ответ!

[z_u_q]

Виталий, понял. Спасибо.