Bootstrap: modal.js v3.2.0 嵌套模态框弹出窗口

Question

我不熟悉 Bootstrap。

• 我的需求是在页面上打开模态弹窗。（完成）
• 打开模态弹窗需要再次打开另一个模态弹窗。（完成）

问题：

当我试图关闭嵌套的（第二个）模态弹窗时，两个弹窗都会同时关闭。因为我使用了“data-dismiss='modal'”来关闭这些弹窗。是否有其他方法可以关闭嵌套的模态弹窗？

- Jignesh Patel

---

模态框的id不同吗？请添加您嵌套模态框的代码。 - Jordi Castilla

Answer 1

啊，现在我明白了！您需要使用JavaScript关闭模态框 :) 我写了一个小函数在这里。只需将“closeModal”类添加到要关闭模态框的按钮上。

它基本上是找到包含按钮的父模态框并关闭该模态框。希望这可以帮助您，并且如果需要，您可以进行更改。

    $(".closeModal").click(function(){
        $(this).closest(".modal").modal("hide")
    });

http://jsfiddle.net/kjazcz5e/4/

Bootstrap提供了一个 .modal() JQuery 插件来控制模态框。看这里： http://getbootstrap.com/javascript/#modals

- Ash

---

我正在请求一个嵌套模态框。第一个模态框弹出包含一个链接，用于打开另一个模态框。http://jsfiddle.net/JigneshPatel/kjazcz5e/2/ - Jignesh Patel

啊，我明白了！抱歉我误解了你的意思。我已经更新了我的答案 :) - Ash

我知道这已经过时了，但是对于下一个找到这个问题的人，你可以不使用任何javascript来实现。使用data-toggle而不是data-dismiss，并将data-target设置为要关闭的模态框。我更新了jsfiddle以进行演示：http://jsfiddle.net/kjazcz5e/24/ - Chris Leonard