Bootstrap：modal.js v3.2.0 嵌套模式弹出窗口答案

【问题标题】：Bootstrap: modal.js v3.2.0 Nested modal popupBootstrap：modal.js v3.2.0 嵌套模式弹出窗口
【发布时间】：2015-01-07 19:26:02
【问题描述】：

我是 Bootstrap 的新手。

面临的问题：

当我关闭嵌套的（第二个）模态弹出窗口时，两个弹出窗口同时关闭。因为我使用“data-dismiss='modal'”来关闭模态。有没有其他方法可以关闭嵌套模式弹出窗口。

【问题讨论】：

【解决方案1】：

啊，现在我明白了！然后你需要使用 javascript 关闭你的模式 :) 我在这里写了一个小函数。只需将“closeModal”类添加到您要为其关闭模式的按钮。

基本上它会找到按钮所属的父模态并关闭该模态。希望这会有所帮助，如果需要，您可以更改它。

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

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

【讨论】：

我在问一个嵌套模态。第一个 Modal Popup 包含打开另一个 Modal Popup 的链接。 jsfiddle.net/JigneshPatel/kjazcz5e/2
啊，我知道了！对不起，我误解了你想要的。我已经更新了我的答案:)
我知道这是旧的，但是为了让下一个人找到它，您可以在没有任何 javascript 的情况下执行此操作。使用 data-toggle 而不是 data-dismiss，并将 data-target 设置为要关闭的模式。我更新了 jsfiddle 来演示：jsfiddle.net/kjazcz5e/24