magnific popup：以编程方式将内容从弹出表单更改为模态微调器，然后返回表单

Posted 2023-05-07

【中文标题】magnific popup：以编程方式将内容从弹出表单更改为模态微调器，然后返回表单

【英文标题】：magnific popup: change content programmatically from popup form to modal spinner then back to form

【发布时间】：2021-02-27 08:52:12

【问题描述】：

我需要使用表单打开第一个弹出窗口，然后在提交表单后我需要显示一个带有微调器的模式弹出窗口，并且在成功的 ajax 响应后我需要关闭模式并显示相同的表单，但表单错误或成功字符串。

表单和微调器可以自行正常工作。我在发送 ajax 之前打开模式：

var magnificForm = $.magnificPopup.instance;
var magnificSpinner = $.magnificPopup.instance;

magnificForm.open(
...
);

magnificSpinner.open(
    type: 'inline',
    items: 
        src: spinner_img,
    ,
    preloader: false,
    modal: true,
);

然后响应我关闭这个：

.done(function(response) 
    $.magnificSpinner.close();
    ...

但是 close() 也关闭了第一个弹出窗口。如何在不重新初始化整个弹出窗口的情况下从模式切换回表单？

【参考方案1】：

以下是关闭弹出窗口的方法：

$.magnificPopup.close();