Javascript Jquery在弹出窗口上弹出

我有一个jquery弹出窗口，它是使用打开的

$('#id').popup('open');

上述弹出窗口包含一个图像，其

onclick

功能应在上一个弹出窗口上方再打开一个弹出窗口，同时保留上一个弹出窗口，第二个弹出窗口与先前打开的弹出窗口重叠

---

尝试了stackoverflow、code pen等可用的所有选项。

我遇到过这种情况，我发现通常两个弹出窗口一个接一个不是实现良好最终用户交互的最佳解决方案，特别是如果您不希望用户同时与两个弹出窗口交互

我建议您一个简单的解决方案，可以帮助您：

您可以将弹出窗口结构视为多个弹出窗口的容器，所有弹出窗口都是隐藏的，并在需要时使用javascript显示

例如：

你好，我是第一个弹出窗口的内容
请假设我是一个实际的弹出窗口，因为我的实际结构对于这个示例并不重要

你好，我是第二个弹出窗口的内容
请假设我是一个实际的弹出窗口，因为我的实际结构对于本例并不重要

开关弹出窗口
$（文档）.ready（函数（）{
$（“.button”）。在（“单击”上，函数（）{
$（“弹出窗口”）
.find（“.show”）
.removeClass（“显示”）
.insertBefore（“.button”）；
$（“#弹出”）.children（“部分”）.eq（0）.addClass（“显示”）；
});
});

我遇到过这种情况，我发现通常两个弹出窗口一个接一个不是实现良好最终用户交互的最佳解决方案，特别是如果您不希望用户同时与两个弹出窗口交互

我建议您一个简单的解决方案，可以帮助您：

您可以将弹出窗口结构视为多个弹出窗口的容器，所有弹出窗口都是隐藏的，并在需要时使用javascript显示

例如：

你好，我是第一个弹出窗口的内容
请假设我是一个实际的弹出窗口，因为我的实际结构对于这个示例并不重要

你好，我是第二个弹出窗口的内容
请假设我是一个实际的弹出窗口，因为我的实际结构对于本例并不重要

开关弹出窗口
$（文档）.ready（函数（）{
$（“.button”）。在（“单击”上，函数（）{
$（“弹出窗口”）
.find（“.show”）
.removeClass（“显示”）
.insertBefore（“.button”）；
$（“#弹出”）.children（“部分”）.eq（0）.addClass（“显示”）；
});
});

我遇到过这种情况，我发现通常两个弹出窗口一个接一个不是实现良好最终用户交互的最佳解决方案，特别是如果您不希望用户同时与两个弹出窗口交互

我建议您一个简单的解决方案，可以帮助您：

您可以将弹出窗口结构视为多个弹出窗口的容器，所有弹出窗口都是隐藏的，并在需要时使用javascript显示

例如：

你好，我是第一个弹出窗口的内容
请假设我是一个实际的弹出窗口，因为我的实际结构对于这个示例并不重要

你好，我是第二个弹出窗口的内容
请假设我是一个实际的弹出窗口，因为我的实际结构对于本例并不重要

开关弹出窗口
$（文档）.ready（函数（）{
$（“.button”）。在（“单击”上，函数（）{
$（“弹出窗口”）
.find（“.show”）
.removeClass（“显示”）
.insertBefore（“.button”）；
$（“#弹出”）.children（“部分”）.eq（0）.addClass（“显示”）；
});
});

我遇到过这种情况，我发现通常两个弹出窗口一个接一个不是实现良好最终用户交互的最佳解决方案，特别是如果您不希望用户同时与两个弹出窗口交互

我建议您一个简单的解决方案，可以帮助您：

您可以将弹出窗口结构视为多个弹出窗口的容器，所有弹出窗口都是隐藏的，并在需要时使用javascript显示

例如：

你好，我是第一个弹出窗口的内容
请假设我是一个实际的弹出窗口，因为我的实际结构对于这个示例并不重要

你好，我是第二个弹出窗口的内容
请假设我是一个实际的弹出窗口，因为我的实际结构对于本例并不重要

开关弹出窗口
$（文档）.ready（函数（）{
$（“.button”）。在（“单击”上，函数（）{
$（“弹出窗口”）
.find（“.show”）
.removeClass（“显示”）
.insertBefore（“.button”）；
$（“#弹出”）.children（“部分”）.eq（0）.addClass（“显示”）；
});
});

我写了自己的弹出代码

下面的代码可以在另一个弹出窗口上打开一个弹出窗口

var buttons = [{text:"Close popup"},{text:"Open second popup", value:true, close:false}];
var buttons2 = [{text:"Close popup"}];

new popup(buttons, "First popup", "<p>Some text.</p>").open().progress(function(r) {
    if(r) {
        new popup(buttons2, "Second popup", "<p>Some text.</p>").open();
    }
});

var按钮=[{text:“关闭弹出窗口”}，{text:“打开第二个弹出窗口”，值：true，关闭：false}]；
var buttons2=[{text:“关闭弹出窗口”}]；
新弹出窗口（按钮，“第一个弹出窗口”和“一些文本。
”）.open（）.progress（函数（r）{
if（r）{
新弹出窗口（按钮2，“第二个弹出窗口”，“一些文本。
”）。打开（）；
}
});

我写了自己的弹出代码

下面的代码可以在另一个弹出窗口上打开一个弹出窗口

var buttons = [{text:"Close popup"},{text:"Open second popup", value:true, close:false}];
var buttons2 = [{text:"Close popup"}];

new popup(buttons, "First popup", "<p>Some text.</p>").open().progress(function(r) {
    if(r) {
        new popup(buttons2, "Second popup", "<p>Some text.</p>").open();
    }
});

var按钮=[{text:“关闭弹出窗口”}，{text:“打开第二个弹出窗口”，值：true，关闭：false}]；
var buttons2=[{text:“关闭弹出窗口”}]；
新弹出窗口（按钮，“第一个弹出窗口”和“一些文本。
”）.open（）.progress（函数（r）{
if（r）{
新弹出窗口（按钮2，“第二个弹出窗口”，“一些文本。
”）。打开（）；
}
});

我写了我的