Twitter引导 - 通过已打开的模式打开模式

问题描述：

以下是我的场景：我打开一个模式窗口，显示一些记录详细信息，并且我有一个“删除”按钮。当用户点击这个按钮时，我需要在现有模式上面显示一个“确认”模式（询问“你确定吗？”），但是当显示这个确认模式时，它不会首先阻止“细节”模态（后面）。Twitter引导 - 通过已打开的模式打开模式

有谁知道我该怎么做？

谢谢！

一个较大的数字这似乎没有太多在实际答案的方式，但这种扩展模态类可能是要走的路：https://github.com/jschr/bootstrap-modal – 2013-06-24 22:38:54

工作示例可以在http://bootply.com/lvKQA2AM28 – CrandellWS 2014-06-12 04:18:35

找到我这里回答同样的问题： http://*.com/questions/19528173/bootstrap-open-another-modal-in-modal/32513228 – 2015-09-10 23:38:29

答

简单地隐藏当点击#deleteButton

$("#deleteButton").click(function() { 
$('#myModal').modal('hide') 
$('#myModal2').modal('show')  
});

这里的工作示例#modal和表演＃modal2：http://jsfiddle.net/baptme/nuUzN/14/

如果高度很长，滚动将无法在第二模式上工作。 – Giraldi 2015-05-15 02:52:31

在执行新模式之前，您应该检测旧模式何时关闭......这是我的解决方案：http://*.com/a/30250853/851045 – Giraldi 2015-05-15 03:06:00

答

这是很容易做到这一点。在你已经打开的模态链接必须是这样的：

<a href="NEW URL" data-dismiss="modal" data-toggle="modal" data-target="#newModal">Anchor text</a>

数据驳回=“莫代尔” - >将关闭模式= 那就是招!!!!
data-toggle =“模式” - >将打开新的对话框

享受！

这不回答问题。 – darksky 2014-04-15 18:44:03

这确实回答了这个问题！第一个模态中的链接应该是：Link – 2014-07-17 02:04:52

就我所知，如果高度很长，滚动将无法在第二个模态上工作。 – Giraldi 2015-05-15 02:53:09

答

您需要做的就是将确认模式的标记放在代码中，而不是细节模式。

而且工作！谢谢。 – 2015-08-30 11:45:08

这是这个问题的真正解决方案，谢谢。 – 2016-09-16 20:50:00

对我来说最简单的一个。 – Mehari 2017-03-18 13:37:24

答

如何在第二个模态中添加z-索引？像：

<div class="modal fade" style="z-index:1050">modal content here...</div>

如果值1050不起作用尝试又名99999

z-index = 1050 id默认值。我改变了我的第二个模式的z-index到1051，它的工作原理。 – Strabek 2015-09-03 13:02:22

快速解决方案。 – Avinash 2017-01-13 09:12:16