关于javascript：引导程序：modal.js v3.2.0嵌套模式弹出窗口


Bootstrap: modal.js v3.2.0 Nested modal popup

我是Bootstrap的新手。

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

面对的问题：

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

相关讨论

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

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

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

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

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

相关讨论