Javascript 引导确认模式双链和主模式

我有评论图片库。该图像在模式中打开。 当我试图删除图像注释时，我会打开新的确认模式。问题是因为确认模式和主模式是两半的。检查屏幕截图

1号是主模态。在评论中点击

x

，我打开了2号模态，但他是双链的

我尝试先用

z-index

将删除模式放在第一位，但不起作用

#confirm-delete {
    z-index: 1000 !important;
}

---

切勿手动设置模态的z索引

出现此问题的原因是引导程序在默认情况下不对modals的z索引进行排序

我个人使用这个：它使引导模态在很少配置的情况下变得更好。而且它是可堆叠的，这可能是解决问题的最佳方式

我假设您使用的是Bootstrap3，下面的代码会很好

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet"/>
<link href="http://jschr.github.io/bootstrap-modal/css/bootstrap-modal-bs3patch.css" rel="stylesheet" />
<link href="http://jschr.github.io/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.js"></script>

---

按此顺序加载CSS资源，插件将自动管理模态的z索引。

切勿手动设置模态的z索引

出现此问题的原因是引导程序在默认情况下不对modals的z索引进行排序

我个人使用这个：它使引导模态在很少配置的情况下变得更好。而且它是可堆叠的，这可能是解决问题的最佳方式

我假设您使用的是Bootstrap3，下面的代码会很好

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet"/>
<link href="http://jschr.github.io/bootstrap-modal/css/bootstrap-modal-bs3patch.css" rel="stylesheet" />
<link href="http://jschr.github.io/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.js"></script>

---

按此顺序加载CSS资源，插件将自动管理模态的z索引。

你能为此创建一个小提琴吗？不要手动设置模态的z索引！我个人使用这个：它使引导模态在很少配置的情况下变得更好。它是可堆叠的，它可能会解决你的问题。是的，可堆叠可以解决我的问题。谢谢@DanielCheung@Zend，不客气！我将把它添加到答案中。你能为此创建一个提琴吗？不要手动设置模态的z索引！我个人使用这个：它使引导模态在很少配置的情况下变得更好。它是可堆叠的，它可能会解决你的问题。是的，可堆叠可以解决我的问题。谢谢@DanielCheung@Zend，不客气！我会在答案中加上这个。