Javascript 引导:modal.js v3.2.0嵌套模式弹出窗口

Javascript 引导:modal.js v3.2.0嵌套模式弹出窗口,javascript,jquery,twitter-bootstrap,popup,bootstrap-modal,Javascript,Jquery,Twitter Bootstrap,Popup,Bootstrap Modal,我是新手 我的要求是在页面中打开模式弹出窗口。(完成) 打开另一个模式弹出窗口需要打开模式弹出窗口。(完成) 面对问题: 当我关闭嵌套(第二个)模式弹出窗口时,两个弹出窗口一次关闭。因为我使用“data dismission='modal'”来关闭modals。是否有其他方法关闭嵌套模式弹出窗口。啊,现在我明白了! 您需要使用javascript关闭您的模式:)我在这里编写了一个小函数。只需将“closeModal”类添加到要为其关闭模式的按钮 基本上,它会找到按钮所属的父模式并关闭该模式。

我是新手

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

当我关闭嵌套(第二个)模式弹出窗口时,两个弹出窗口一次关闭。因为我使用“data dismission='modal'”来关闭modals。是否有其他方法关闭嵌套模式弹出窗口。

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

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

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

Bootstrap提供了一个.modal()JQuery插件,让您可以控制modals。看一看:

情态动词是否有不同的
id
?你能添加你的嵌套模态代码吗?我在问一个嵌套模态。第一个模式弹出窗口包含打开另一个模式弹出窗口的链接。啊,我抓住你了!对不起,我误解了你的意思。我已经更新了我的答案:)我知道这是旧的,但是对于下一个找到它的人来说,你可以不使用任何javascript来完成。使用“数据切换”而不是“数据解除”,并将数据目标设置为要关闭的模式。我更新了JSFIDLE以演示: