我是Bootstrap的新手。

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

  • 面临的问题:

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

    最佳答案

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

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

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

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

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

    07-24 09:47
    查看更多