Bootstrap 3 - 从另一个模态框打开模态框

Question

在Bootstrap 3中，是否可以从另一个模态框中打开模态框？我有一些包含外部HTML文件内容的模态窗口。

以下是需要完成的步骤：

1. 打开模态窗口。在此处，我有一个要提交的表单。 2. 单击提交按钮后，我想使用新的模态窗口（和来自另一个HTML文件的新内容）进入下一步。

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

我尝试在提交按钮上使用“data-dismiss =”modal“”和“data-toggle =”modal“”属性，但它们只隐藏第一个模态窗口，背景仍然很暗，并且什么也没有发生。

- user3553682

---

有一个 data-target 属性，你用过吗？尝试在关闭按钮上添加 data-target='#(模态框的id)'。 - brainless coder

我有它。按钮长这样：<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"> - user3553682

尝试使用id而不是类.popModal。 - brainless coder

我猜你必须手动关闭。 - brainless coder

能否在不点击元素和传递数据属性的情况下触发模态窗口？ - user3553682

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

Answer 1

您可以使用 http://jschr.github.io/bootstrap-modal/bs3.html 来实现这个功能；请查看 stackable 示例。

- integral