Bootstrap 3 - 从另一个模式打开模式

Posted 2023-05-08

【中文标题】Bootstrap 3 - 从另一个模式打开模式

【英文标题】：Bootstrap 3 - open modal from another modal

【发布时间】：2014-07-18 19:52:56

【问题描述】：

是否可以在 Bootstrap 3 中从另一个模式打开模式？我有从外部 html 文件加载内容的模态窗口。

我正在打开模式窗口。我有一个表格要提交。 单击提交按钮后，我想使用新的模式窗口（以及来自另一个 html 文件的新内容）进入下一步。

据我所知，您不能同时拥有两个模态窗口，因此我必须关闭第一个模态窗口，然后再打开第二个模态窗口。问题是我必须在点击第一个模式中的提交按钮后做。

我尝试在提交按钮上使用data-dismiss="modal" 和data-toggle="modal" 属性，但它们只隐藏第一个模式，背景仍然很暗，没有任何反应。

【问题讨论】：

有一个data-target 属性，你用过吗？ .. 尝试将data-target='#(id of the modal div)' 添加到关闭按钮。

我有。按钮如下所示：<button class="uploadSection__addBox col-lg-12 col-md-12 col-sm-12 col-xs-12" data-dismiss="modal" data-toggle="modal" href="upload1b.html" data-target=".popModal">

尝试使用 id 而不是 class .popModal

我猜，你必须手动关闭。

是的..$("...").modal('show');或$("...").modal('hide');在这里查看-getbootstrap.com/javascript/#modals-usage

【参考方案1】：

您可以为此使用http://jschr.github.io/bootstrap-modal/bs3.html；检查可堆叠示例。