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

标签 javascript jquery twitter-bootstrap popup bootstrap-modal

我是 Bootstrap 的新手。

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

面临的问题:

当我关闭嵌套的(第二个)模态弹出窗口时,两个弹出窗口都同时关闭。因为我使用“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

关于javascript - Bootstrap : modal. js v3.2.0 嵌套弹窗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26861638/

相关文章:

javascript - 如何转义 Coffeescript 中的字符串插值

jquery - 使用 jQuery 的 click 事件时出现错误

javascript - 每 4 个元素重复列表中的类

javascript - Jquery - 访问嵌套子元素

angularjs - Bootstrap datetimepicker 在 Bootstrap 模式中使用时显示不一致

javascript - 使用 JavaScript/jQuery 在页面加载后触发 Bootstrap 导航栏

javascript - Bootstrap 3 导航栏没有完全折叠

javascript - 在 jQuery 中选择没有文本节点的 <p> 元素

javascript - 从1.3.2升级到1.8.3时jquery ajax成功

javascript - 打开和关闭 Chrome 扩展