javascript - Bootstrap : modal. js v3.2.0 嵌套弹窗

Question

我是 Bootstrap 的新手。

• 我的要求是在页面中打开模态弹出窗口。 (完成)。
• 打开模态弹出窗口需要打开另一个模态弹出窗口。 (完成)。

面临的问题:

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

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