@z_u_q

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

Как вывести всплывающее окно 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/
  • Вопрос задан
  • 1966 просмотров
Пригласить эксперта
Ответы на вопрос 1
rim89
@rim89
программист-велосипедист
type: 'inline'

это свойство не должно быть вложено в items
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы