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

时间:2014-11-11 09:33:07

标签: javascript jquery twitter-bootstrap popup bootstrap-modal

我是Bootstrap的新手。

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

面对问题:

当我关闭嵌套(第二个)模态弹出窗口时,两个弹出窗口一次关闭。因为我使用" data-dismiss =' modal'"关闭模态。有没有其他方法可以关闭Nested Modal Popup。

1 个答案:

答案 0 :(得分:3)

啊,现在我明白了! 你需要使用javascript关闭你的模态然后:)我在这里写了一个小函数。只需添加" closeModal"要关闭模式的按钮的类。

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

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

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

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